因touch-action: none;得mescroll
最近在幫一個朋友做一個貸款類的H5應用,有頁面需要上下拉重新整理,每個item點選還可以進入詳情。由於使用的是SUI Mobile 框架,導致a標籤跳轉不成功,且谷歌瀏覽器除錯列印如下警告提示:Unable to preventDefault inside passive event listener due to target being treated as passive?。網上給的答案是加上* { touch-action: none; } 。這樣做確實可以去掉上面的警告且點選也可以跳轉,似乎一切OK。
下班回家後,躺在床上沒事,就用手機開啟看看,結果發現頁面不能滑動了。安卓手機不能滑動,蘋果手機沒問題,瀏覽器沒問題。
第二天是禮拜,一天沒弄,第三天上班了,又看SUI的文件,又百度,又各種嘗試,最後到了晚上7點多才找到了問題所在。
之前以為是SUI的上下拉外掛的問題和SUI滑動條的問題,後來換了上下拉的外掛為MUI 和mescroll(mescroll是目前我發現手機端最好的一個上下拉外掛);問題都不見解決。最後想想我那天最後加的那個css屬性* { touch-action: none; }。我是全域性加的,但是那天只是一個頁面有問題,加了之後那個頁面點選沒問題了,但是全部頁面安卓機都不能滑動了。後來去掉了這個css屬性之後,一切OK了,而且還知道了一個很不多的上下拉外掛mescroll。MUI 這個我不想多說什麼, 兩年前就用這個做過幾個app,也一直在關注這個框架,依然是問題一堆,做些小應用還是OK的,大應用或者涉及到硬體方面的,還是不建議使用這個。
因為一個* { touch-action: none; },鬱悶一天,那天下午上班期間跑去樓下看了《紅海行動》,嘿嘿,不要告訴我老闆。
2月份,一整個月沒寫一篇部落格。公司雜七雜八的事情,個人的事情,過年……
昨天公司走了幾個同事,老闆要把人員縮減到10個人,其他人基本都要走了,我是沒打算走。
出來工作幾年了,覺得平臺確實很重要(我目前在一個小公司),但是個人的學習更加重要。
每天學一點,生活更美好。
相關文章
- python使用pip安裝模組出錯 Retrying (Retry(total=0, connect=None, read=None, redirect=None, status=None))PythonNone
- docker network之 noneDockerNone
- Etag和if-None-MatchNone
- RUST Some None 和OKRustNone
- pydantic json 忽略 None 值JSONNone
- Docker這些none:none的映象,難道就不配擁有名字嗎DockerNone
- quit(code=None)函式和exit(code=None)函式的使用舉例UINone函式
- css:touch-action導致安卓無法滾動頁面CSS安卓
- HTTP Etag與If-None-MatchHTTPNone
- WPF Stretch None,Fill,Uniform,UnformToFillNoneORM
- Python中None如何判斷PythonNone
- 下拉重新整理,上拉載入外掛mescroll原始碼分析原始碼
- Docker定時刪除none映象DockerNone
- Linux因15年前的核心漏洞被獲得 Root 許可權Linux
- display:none和visibility:hidden的區別None
- display: none與visibility: hidden的區別None
- CSS display:none和visible:hidden區別CSSNone
- 求最大公公約數(最大公因數)—— 歐幾里得演算法演算法
- arm-none-eabi-gdb無法執行None
- CCF NOI 1028 判斷互質 :利用歐幾里得演算法最大公因數演算法
- Python中none和null的區別詳解!PythonNoneNull
- 說說display:none和visibility:hidden的區別None
- docker批次刪除標籤為none的映象DockerNone
- 買量略疲軟,玩法深度化,2020年超休閒遊戲真的“因禍得福”?遊戲
- 實現移動端上拉載入和下拉重新整理的vue外掛(mescroll.js)VueJS
- docker image REPOSITORY 為 TAG 為none的解決方法DockerNone
- CSS魔法堂:display:none與visibility:hidden的恩怨情仇CSSNone
- border:0和border:none的區別是什麼None
- [pythonskill]Python中NaN和None的詳細比較PythonNaNNone
- 如果你覺得學習 Git 很枯燥,那是因為你還沒玩過這款遊戲!Git遊戲
- Python 函式預設返回None原因是什麼?Python函式None
- 1.3.2.1.2. 通過克隆或None-CDB方式建立CDBNone
- 知因智慧宣佈獲得1億元A輪融資,還揭牌了一個AI研究院AI
- python報錯:TypeError: slice indices must be integers or None or have an __index__ methodPythonErrorNoneIndex
- 新增display:none;導致盒子被擠下去的解決方法None
- 英國《新科學家》雜誌:研究顯示人們上假新聞的當可能是因懶得思考
- hive建立分割槽表報錯AccessControlException Permission denied: user=NONE, access=WRITE, inodeHiveExceptionNone
- css中的border:none和border:0px有什麼區別?CSSNone
- docker的網路-單主機(三種原生網路)none、host、bridgeDockerNone