課程
/前端開發(fā)
/JavaScript
/瀑布流布局
按照老師的代碼寫的,窗口比例縮小時滾動滾動條會有bug,列數(shù)還是會變(沒加滾動條時沒錯),而且當窗口比例放小之后再放大時,布局完全亂了,不知道還有沒有人出現(xiàn)這個問題?求解。
2017-07-18
源自:瀑布流布局 2-5
正在回答
謝謝,JQuery解決了,但是JS原生的還是有同樣的問題,JS原生那里cols本來就是用document獲取的啊,
var cols = Math.floor(document.documentElement.clientWidth/oBoxW);
你將獲取var cols = Math.floor($(window).width()/w); ?里的window 改為document 就可以解決了
不過當窗口比例縮小再放大這個問題沒必要解決,如果小窗口是3列,大窗口還是3列看起來會不舒服
慕工程3443729 提問者
舉報
瀑布流布局是網(wǎng)站比較流行的一種布局方式,教你實現(xiàn)三大方式
2 回答發(fā)現(xiàn)BUG!窗口先縮小再放大后拖動滾動條圖片列數(shù)沒變,且最右列圖片重疊!
1 回答滾動條滾不下來
1 回答滾動條高度
4 回答關(guān)于縮小窗口的bug
1 回答關(guān)于沒有滾動條時圖片加載
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-07-19
謝謝,JQuery解決了,但是JS原生的還是有同樣的問題,JS原生那里cols本來就是用document獲取的啊,
var cols = Math.floor(document.documentElement.clientWidth/oBoxW);
2017-07-19
你將獲取var cols = Math.floor($(window).width()/w); ?里的window 改為document 就可以解決了
不過當窗口比例縮小再放大這個問題沒必要解決,如果小窗口是3列,大窗口還是3列看起來會不舒服