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

ParadiserD 2017-03-12

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

当scroll_top=0时,表示滚动条已经到达窗口顶部。

当scroll_top+window_height>=doc_height时,表示滚动条已经到达窗口底部。

eg:实时监听滚动条是否到达顶部

  
<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>

相关推荐