jQuery判斷div隨滾動條滾動到一定位置後停止

 這篇文章主要介紹了jQuery判斷div隨滾動條滾動到一定位置後停止的方法,需要的朋友可以參考下

實現代碼:   代碼如下: <script type="text/javascript"> var rollSet = $('#widget');     var offset = rollSet.offset();     var fwidth = $("#footer").height();     $(window).scroll(function() {         var scrollTop = $(window).scrollTop();         var scrollBtm = $(document).height() - $(window).scrollTop() - $("#widget").height();         if (offset.top < scrollTop) {             if (scrollBtm > fwidth) {                 rollSet.removeClass('absolute').addClass('fixed')             } else {                 rollSet.removeClass('fixed').addClass('absolute')             }         } else {             rollSet.removeClass('fixed')         }     }) </script>   方法說明： 由頁面總高度減去已滾動的高度再減去ID為widget的層的高度即等於該層底部距離底部的高度； 當距離底部的高度小於或等於特定位置距離底部的高度時，去掉樣式fixed，然後給該層添加絕對定位！ CSS中要給父父層添加position:relative;