jquery判断滚动条是否到达顶部或者底部

最新推荐文章于 2021-03-18 13:44:42 发布

二进制的鱼

最新推荐文章于 2021-03-18 13:44:42 发布

阅读量250

点赞数

分类专栏： QNMD前端文章标签： jquery ViewUI

本文链接：https://blog.csdn.net/gonyulian415/article/details/84860377

版权

QNMD前端专栏收录该内容

15 篇文章 0 订阅

订阅专栏

[size=medium]

var scroll_top = $(document).scrollTop(); //scroll_top是滚动条上部离文档顶部的高度
var doc_height = $(document).height();//doc_height是文档的高度
var window_height = $(window).height();//window_height表示窗口高度

[/size]

[b][size=medium]当 scroll_top = 0 时，表示滚动条已经到达窗口顶部。
当 scroll_top + window_height >= doc_height 时，表示滚动条已经到达窗口底部。[/size][/b]

[size=large][b]eg:实时监听滚动条是否到达顶部[/b][/size]

 <script>
        $("document").ready(function () {
            ifTop();
            $(window).scroll(function () {
                ifTop();
            });
            function ifTop() {
                var scroll_top = $(document).scrollTop();
                if(scroll_top == 0){
                    console.log("顶部了.");
                }else {
                    console.log("没到顶部.");
                }
            }
        });
    </script>