解決better-scroll因為圖片沒有下載完導致滾動條高度不夠
阿新 • • 發佈:2019-01-05
updated () { //解決better-scroll因為圖片沒有下載完導致的滾動條高度不夠,無法瀏覽全部內容的問題。 //原因是better-scroll初始化是在dom載入後執行,此時圖片沒有下載完成,導致滾動條高度計算不準確。 //利用圖片的complete屬性進行判斷,當所有圖片下載完成後再對scroll重新計算。 let img = this.$refs.wrapper.getElementsByTagName('img') let count = 0 let length = img.length if (length) { let timer = setInterval(() => { if (count == length) { this.scroll.refresh()//bs提供的重新整理的方法,詳見官網 clearInterval(timer) } else if (img[count].complete) { count ++ } }, 100) } }