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

2022-01-11 09:44:36 字數 1077 閱讀 8636

對於樓層載入在以前只是個想法,從來沒實現過,剛好專案中碰到,再此總結一下

場景:html5,區域性商品列表資訊滾動(區域性滾動條)

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

"

subcategoryscroll

" style="

overflow: hidden; overflow-y: scroll;

">

var page = 1;//

載入的索引

var isload = true;//

設定是否終止滾動載入

var curscrollheight = 0;//

當前滾動位置

var curcount = 1;//

$("#subcategoryscroll

").scroll(function ()

curcount++; //

}

if (curscrollheight });

function loadproducts(pageindex) ,

type:

'get

', datatype: '

json

', timeout: 10000

,

async: false

, success: function (resultdata)

else

);

if (resultdata.pagetotal ==pageindex) }}

}});

}

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

如果是頁面body的滾動條,pageheight、showheight、scrollheight 與 $(document).height()、 $(window).height() 、 $(document).scrolltop()一一對應

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

對於樓層載入在以前只是個想法,從來沒實現過,剛好專案中碰到,再此總結一下 場景 html5,區域性商品列表資訊滾動 區域性滾動條 1.通過jq設定subcategoryscroll的高度為螢幕顯示高度 假設為100 設定productlist的高度為列表資訊的實際高度 假設為300 subcateg...

html5移動開發

canvas 3d 3d的繪圖功能支援 svg 向量圖支援 設計師要知道,的移動 旋轉 縮放?那都太基礎了,自己畫都是小case,至於怎麼用,好好想想吧 5.專為移動平台定製的表單元素 瀏覽器中出現的html5表單元素與對應的鍵盤 型別用途鍵盤 可以綜合使用gps wifi 手機等方式讓定位更為精準...

html5 開發之旅

對於html5這個新標準,最近剛接觸,感覺很新鮮便想學學看看。關於這個標準的概念以及特點,在這裡就不多說了,請大家詳看 那麼就先從video標籤說起吧。這個屬性使用起來很簡單,就跟平時我們寫其他標籤一樣。video src movie.ogg video 這個是最基本的寫法了。但是想ie這種傻x瀏覽...