首頁猿問 scroll報錯

scroll報錯

JavaScript

炎炎設計 2018-12-12 11:17:03

我在做一個水平滑動的效果,效果有但是總報錯,就這個,代碼就很簡單初始化一下 setTimeout(function(){ var myScroll = new IScroll("#wrapper",{ scrollX:true, }) },400)這里加定時器是因為我用了angular.js不加定時器的話滑動是不生效的,這個我也不知道為什么,輪播也是這樣,必須要加計時器.

查看完整描述

1 回答

哆啦的時光機

TA貢獻1779條經驗獲得超6個贊

一般我都不喜歡回答這么簡單的問題，不過昨天到今天看到好多人懟大漠窮秋，心情有點爽，就寫兩句吧

為什么會報錯？

IScroll要滑動，先要保證有兩個div，一個wrapper，一個scroller，wrapper寬高是固定的，scroller能滾多遠要依據wrapper來計算，所以，當你new IScroll的時候，如果找不到scroller就會報上圖的錯誤，因為IScroll默認是使用第一個子元素作為scroller的。

為什么在Angular上要用定時器?

Angular是一個MVVM框架，會先執(zhí)行js運算再渲染html視圖，雖然我沒用過Angular做過項目，但原理多少解理一些，執(zhí)行js運算時只對你的html結構進行處理，事實上你的html還沒在瀏覽器渲染出來，即是說還沒有高度和寬度，滑動插件計算不出正確的滑動數值，因此滑不動，setTimeout之后視圖渲染完成有了寬高再new IScroll或iscroll.refresh才能生效

反對回復 2019-01-09