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