對於樓層載入在以前只是個想法,從來沒實現過,剛好專案中碰到,再此總結一下
場景: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瀏覽...