iscroll使用之頁面卡頓問題

2022-02-01 22:58:39 字數 700 閱讀 9773

最近在開發專案時,遇到乙個問題,使用iscroll實現的頁面滾動,測試時發現在chrome瀏覽器中的模擬移動裝置頁面不能平滑滾動,有卡頓現象,在android手機端也有同樣的問題。

在github上搜尋了iscroll的相關問題,以下是對一些覺得對此問題解決有幫助的一些回答的總結。

解決辦法:通過在head標籤中加中解決了我專案中遇到的問題。

iscroll具有未記錄的disablepointer設定,可用於以更有序的方式禁用指標事件。傳遞disablepointer:true似乎可以解決最新版本的chrome

的問題。(chrome 55之前pointerevents物件不存在)

我也嘗試了下面的方法,

但是只解決了chrome瀏覽器中的卡頓問題,android系統仍然有卡頓現象。

在iscroll.js v5.2

更改行298從

disablepointer:!utils.haspointer,

disabletouch:utils.haspointer || 

!utils.hastouch,

disablemouse:utils.haspointer || 

utils.hastouch,

以disablepointer:true,

disabletouch:false, 

disablemouse:true,

android頁面卡頓

安卓手機應用中介面切換卡頓和滑動卡頓的區別是什麼,請從專業角度解釋?或者給出乙個開發者需要注意事項?於是直接貼我的答案 不過需要注意的是,我舉的例子並不是完備的。而且答題時間有限,而我打字有點慢.所以如果有錯也別打我oaq 另外 本答案基本基於 google 的 android開發指導。在andro...

頁面卡頓的優化 圓角

今天產品經理告訴我 誒,那個誰,這個介面很卡誒!你看看什麼情況。於是我掏出了instrument裡的core animation看看fps,發現滑動的時候fps特別低orz!產生卡頓的原因 首先,查閱資料看下為什麼會產生卡頓的原因。在 ios 系統中,影象內容展示到螢幕的過程需要 cpu 和 gpu...

ios手機頁面滑動卡頓問題

說起來真是件悲傷的事情,開發了這麼多移動端頁面,今天犯了乙個低階,而我卻不知道的錯誤。因為現在移動裝置真是賊辣多,手機螢幕的高度,寬度各式各樣。所以我們有一些頁面高度不夠長,在iphone8x 三星長屏手機等頁面顯示不全,所以我開發的時候,有時候會給html和body都設定上height 100 所...