iT邦幫忙

0

mobile web 滑動速度

Zaku 2018-11-05 11:13:352616 瀏覽

請問一下手機網頁的滑動速度會受什麼參數影響嗎,像是meta-tag,或是RWD的問題。發現多數網站網站滑起來都滿順的,我目前的自己的的頁面測以下滑起來很卡,舉例來說,像是一般網站我手指上下移動,要是滑動五公分距離,畫面可能會滑動七公分以上的距離,力量要施大力一點,會更長,但我目前的網頁是滑五公分就動五公分,不同的施力也一樣是五公分,單純舉例。

看更多先前的討論...收起先前的討論...
這需要了解你指的是瀏覽器還是webview的部份。

滑動的部份主要還是看在你的瀏覽器物件。認真來說的話,其實還是在其捲軸的相對問題存在。

由於這一部份並非是可以靠html來處理。因為作用處是在於本端的物件影響。你無從設定及變動。

我早期遇到的問題是。我開發app時,使用了內置的瀏覽器物件。
該瀏覽器物件有點問題。會造成你上面說的情況。卡卡的不順。
所以後來我就更換另外一組瀏覽器物件組譯後,就能正常了。
不知道你遇到的情況是否跟我一樣
Zaku iT邦新手 3 級 ‧ 2018-11-05 11:53:29 檢舉
感謝大大,不是app是單純的web,先從chrome和safari瀏覽器來討論好了
這樣就只能往js控制方面去想了。

我記得我曾經有做過的是移動距離判斷。
如果是很短的時間內如0.3秒,移動了300~500以上的距離。就操作捲軸再往同一方向跑???距離並用動畫處理。

不過那時要調整成一個很順且不會誤觸控制。的確是有點傷腦筋就是了。
你可以找一下看看。
Zaku iT邦新手 3 級 ‧ 2018-11-06 09:39:01 檢舉
好喔感謝大大,手機真的都會碰到一些問題
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

1
Homura
iT邦高手 1 級 ‧ 2018-11-05 11:38:03
最佳解答
看更多先前的回應...收起先前的回應...
Zaku iT邦新手 3 級 ‧ 2018-11-06 09:38:44 檢舉

感謝大大晚點來測一下,但發現我做的另一個也沒有設定,滑起來就順順得很自然,不知差異在哪

Homura iT邦高手 1 級 ‧ 2018-11-06 09:57:41 檢舉

Zaku
那篇文章是說沒設定的話
會預設-webkit-overflow-scrolling: auto
就是你說的那種狀況

Zaku iT邦新手 3 級 ‧ 2018-11-06 10:06:21 檢舉

感謝大大可以了,神順der,真玄

Zaku iT邦新手 3 級 ‧ 2018-11-06 10:25:31 檢舉

大大加了產生另一個弔詭的問題,手機板看某個頁面的input點擊後input會整個消失,某個頁面會而已,他會有什麼副作用嗎

Zaku iT邦新手 3 級 ‧ 2018-11-06 10:26:25 檢舉

但我兩個都沒設定,理論上一個可以另一個應該也可以才對真奇怪

Zaku iT邦新手 3 級 ‧ 2018-11-06 10:32:14 檢舉

我是套用在全域* {}

Homura iT邦高手 1 級 ‧ 2018-11-06 10:32:59 檢舉

Zaku
這樣講就不知道了
每隻手機都會嗎?
手機怪問題還真多/images/emoticon/emoticon04.gif

Zaku iT邦新手 3 級 ‧ 2018-11-06 10:45:10 檢舉

目前設iphone,我試了三大瀏覽器都有這種狀況,到底是什麼毛,打超過兩個字整個區塊會消失,-webkit-overflow-scrolling拿掉後就又正常

Homura iT邦高手 1 級 ‧ 2018-11-06 11:03:29 檢舉
Zaku iT邦新手 3 級 ‧ 2018-11-06 13:08:16 檢舉

好像可以work了..,本來以心死打算讓他只作用在某個區塊,大大太神惹(跪),用啥關鍵字找到的。意思是ISO偵測的會有點問題,滑動停不下來一直隱藏?

Homura iT邦高手 1 級 ‧ 2018-11-06 13:32:23 檢舉

Zaku
momentum-based scrolling input disappear
其實我貼那篇的參考連結有有連到這頁
只是我第一次進去時沒注意到@@

Zaku iT邦新手 3 級 ‧ 2018-11-06 13:37:37 檢舉

囧~,momentum-based?是從何而來的概念?

Homura iT邦高手 1 級 ‧ 2018-11-06 13:42:23 檢舉

Zaku
我最上面貼的那頁和MDN都有提到momentum-based scrolling
https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling

Zaku iT邦新手 3 級 ‧ 2018-11-06 13:51:05 檢舉

產生新的悲劇了= =,全區都強制出現y軸scroll bar,但手機正常,看來還是只能區域啟用。

我要發表回答

立即登入回答