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

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

猜你喜欢

转载自gonyulian415.iteye.com/blog/2361660