課程
/前端開發
/JavaScript
/瀑布流布局
按照老師的代碼寫的,窗口比例縮小時滾動滾動條會有bug,列數還是會變(沒加滾動條時沒錯),而且當窗口比例放小之后再放大時,布局完全亂了,不知道還有沒有人出現這個問題?求解。
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 提問者
舉報
瀑布流布局是網站比較流行的一種布局方式,教你實現三大方式
2 回答發現BUG!窗口先縮小再放大后拖動滾動條圖片列數沒變,且最右列圖片重疊!
1 回答滾動條滾不下來
1 回答滾動條高度
4 回答關于縮小窗口的bug
1 回答關于沒有滾動條時圖片加載
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
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列看起來會不舒服