1. 程式人生 > >解決better-scroll因為圖片沒有下載完導致滾動條高度不夠

解決better-scroll因為圖片沒有下載完導致滾動條高度不夠

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)
        }
        
    }