Tim Wong
深思心思
Published in
2 min readJan 14, 2020

--

【Javascript】ScrollTop in Mobile 的痛若。

日期: 2020-Jan-14, 作者: Tim Wong

現時寫website 最痛苦莫過於兼顧desktop 及mobile。好些browser 的behavior 在desktop 跟在mobile 很不一樣,你真的想殺人。

我有一個web 版chatbot,新的message 是插到chatRoom (div) 最下面的。在desktop 的表現正常,prepend 了新message 就自動向上推。但好死不死,在mobile 中的browser 就是會在自動向上推幾次之後就不推,發現是chatRoom 太長(height) ,那就用scrollTop() 啦。 但原來mobile 的browser 對scrollTop() 是沒有反應的。

最後,找到了一個實的有用的solution :

$(window).scrollTop($("#chatRoom").offset().top);

希望有一天這句code幫到某位朋友。

藏於森林中的木

我是阿Tim | timwong.ai@gmail.com

--

--