有時我們需要在頁面中向上或向下滑動的時候執(zhí)行一些事件,如果每次滑動都執(zhí)行事件的話在有些情況下是不合理的,其實我們可以控制瀏覽器滑動一定距離的時候來觸發(fā)事件。
通過再學習js的onscroll、scrollTop、scrollHeight及window.scroll等方法這篇文章,我們可以學習到window.scroll的用法,window.scroll無法直接獲得scrollHeight(滑動距離),我們可以試著用下面的方法:
var pre_scroll_top = 0;
//上一個位置的高度,初始化為0
$(window).scroll(function () {
//瀏覽器滑動事件控制
var scroll_top = document.body.scrollTop || document.documentElement.scrollTop;
//獲得當前滑動位置的高度
var scroll_height = scroll_top - pre_scroll_top;
//滑動距離 = 當前高度 - 上次的高度
pre_scroll_top = scroll_top;
if (Math.abs(scroll_height) > 15) {
//向上或向下滑動距離大于15時執(zhí)行下面函數(shù)
get_comments();
}
});