天天看點

HTML5商城開發一 樓層滾動加載資料

對于樓層加載在以前隻是個想法,從來沒實作過,剛好項目中碰到,再此總結一下

場景:HTML5,局部商品清單資訊滾動(局部滾動條)

1.通過jq設定subCategoryScroll的高度為螢幕顯示高度(假設為100),設定productlist的高度為清單資訊的實際高度(假設為300)

2.滾動腳本,實作如果拉到最底部,将加載下一頁顯示;往復原,不觸發加載事件(重點)

整體不難,關鍵在于滾動事件的邏輯處理

如果是頁面body的滾動條,pageHeight、showHeight、scrollHeight 與 $(document).height()、 $(window).height() 、 $(document).scrollTop()一一對應

繼續閱讀