jqueryは、スクロールバーが上部または下部に到達したか否かを判断する

1008 ワード

詳細
[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:スクロールバーが上部に到達したかどうかをリアルタイムで傍受する
  
 
        $("document").ready(function () {
            ifTop();
            $(window).scroll(function () {
                ifTop();
            });
            function ifTop() {
                var scroll_top = $(document).scrollTop();
                if(scroll_top == 0){
                    console.log("   .");
                }else {
                    console.log("    .");
                }
            }
        });