課程
/前端開發(fā)
/JavaScript
/瀑布流布局
添加onscroll的事件 ?滾動就成無限的了啊。。去掉就好了。。是這樣嗎
2014-12-02
源自：瀑布流布局 3-2
正在回答
你只要控制dataInt.data的長度就好，用ajax讀取數(shù)據(jù)
無限滾動是因為這段代碼
? ? ? ? ? ? $(dataInt.data).each(function( index, value ){
? ? ? ? ? ? ? ? var $oPin = $('<div class="pin"></div>').appendTo( $( "#main" ) );
? ? ? ? ? ? ? ? var $oBox = $('<div>').addClass('box').appendTo( $oPin );
? ? ? ? ? ? ? ? $('<img>').attr('src','./images/' + $( value).attr( 'src') ).appendTo($oBox);
? ? ? ? ? ? });
每次滾到最后一張圖片，就會把dataint里面所有的數(shù)據(jù)都加載到頁面中，然后下一次滾動時又符合了加載條件，所以滾動是無限的。
舉報
瀑布流布局是網(wǎng)站比較流行的一種布局方式，教你實現(xiàn)三大方式
2 回答取消onscroll事件
1 回答我想加上一個onresize事件
1 回答jQuery的事件執(zhí)行
1 回答onscroll事件向頁面中渲染數(shù)據(jù)的時候，如果json數(shù)據(jù)比較多，插入到頁面時候很卡。請問怎么解決呢？
2 回答onscroll一點(diǎn)時，為什么json中要加載的幾張圖片重疊在一起，繼續(xù)滾動又正常顯示了？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-01-05
你只要控制dataInt.data的長度就好，用ajax讀取數(shù)據(jù)
2015-07-26
無限滾動是因為這段代碼
? ? ? ? ? ? $(dataInt.data).each(function( index, value ){
? ? ? ? ? ? ? ? var $oPin = $('<div class="pin"></div>').appendTo( $( "#main" ) );
? ? ? ? ? ? ? ? var $oBox = $('<div>').addClass('box').appendTo( $oPin );
? ? ? ? ? ? ? ? $('<img>').attr('src','./images/' + $( value).attr( 'src') ).appendTo($oBox);
? ? ? ? ? ? });
每次滾到最后一張圖片，就會把dataint里面所有的數(shù)據(jù)都加載到頁面中，然后下一次滾動時又符合了加載條件，所以滾動是無限的。