最近做了個聊天的專案所以需要向上滾動然後動態載入,於是我就把這一塊單獨提取出來弄成外掛程式。
下面就是實現的效果
// 直接弄在arr上面他重新取值的話會被覆蓋this.nodescrollarr
self.bind('scroll',function() else if(path == 'bottom' && contenth - viewh - scrolltop <= 5 && contenth > viewh + 20 && self[0].nodescrollarr.nodescrolltop < scrolltop)
}self[0].nodescrollarr.nodescrolltop = scrolltop;
return self;
});}
});呼叫
$('#a1').scrolldetect('top', function()所有的**模擬一下ajax請求:draw('#a1',arradd);
console.log($('#a1'))
$('#a1').scrolltop($('#a1').get(0).scrollheight - $('#a1')[0].nodescrollarr.notecontenth);
} else
})
沒有更多訊息//滾動條是否在底部dom[0].scrolltop + dom.height() ===dom[0].scrollheight
滾動條在y軸上的滾動距離 + 內容可視區域的高度 === 內容可視區域的高度加上溢位(滾動)的距離
Js實現滾動載入原理 監聽滾動條滾動
原理 就是監聽頁面滾動事件,分析clientheight scrolltop scrollheight三者的屬性關係。1.document.compatmode css1compat 模式下 也就是宣告了dtd情況下 window.addeventlistener scroll function f...
監聽滾動條事件
今天遇到需要監聽滾動條事件的問題,本來以為是乙個簡單的監聽就好了,哪成想,這麼多bug,說到底還是自己基礎不紮實,所以趁現在下班沒事把它記錄下來。以備後續所需,哈哈。1 首先是最基本的監聽事件 methods mounted mounted 後面的 true 則是第三個引數然後就可以出來了 下圖便是...
移動端顯示滾動條以及滾動條的監聽事件
1 移動端顯示滾動條 在移動端滾動條缺省會隱藏,如何顯示呢 需要新增以下 了。並且需要給body或者外層盒子新增 rows 類名,這樣滾動條就可以顯示出來了 rows rows webkit scrollbar track piece rows webkit scrollbar rows webki...