對于樓層加載在以前隻是個想法,從來沒實作過,剛好項目中碰到,再此總結一下
場景:HTML5,局部商品清單資訊滾動(局部滾動條)
1.通過jq設定subCategoryScroll的高度為螢幕顯示高度(假設為100),設定productlist的高度為清單資訊的實際高度(假設為300)
2.滾動腳本,實作如果拉到最底部,将加載下一頁顯示;往復原,不觸發加載事件(重點)
整體不難,關鍵在于滾動事件的邏輯處理
如果是頁面body的滾動條,pageHeight、showHeight、scrollHeight 與 $(document).height()、 $(window).height() 、 $(document).scrollTop()一一對應