ios滾動穿透問題的兩個解決方案

2021-10-23 06:06:26 字數 661 閱讀 2748

1、當觸控元素有-webkit-overflow-scrolling樣式時,若觸控元素有滾動條,則不會發生滾動穿透,若觸控元素無滾動條,則touchmove事件依然會穿透至檢視下層帶有-webkit-overflow-scrolling的元素上。一般彈框是這種情況,這也是需要主要處理情況,而且這並不是由事件穿透造成的bug,所以阻止事件傳播並沒有用。

2、當觸控元素無-webkit-overflow-scrolling樣式時,不管有無滾動條,touchmove事件都會穿透至檢視下層帶有-webkit-overflow-scrolling的元素上。一般黑色背景遮罩都是這種情況。

解決方法

一、觸控元素內部解決。對於本身無需滾動的元素,可直接在touchmove上阻止預設事件e.preventdefault()來達到目的。而對於不確定觸控元素是否可以滾動的元素,為觸控元素新增-webkit-overflow-scrolling樣式,並且在touchmove中判斷自身無滾動條時,阻止預設事件e.preventdefault()。

解決方法

二、觸控元素外部解決。一般觸控元素為彈框,當觸控元素顯示時,為穿透滾動的元素新增overflow: hidden屬性,使其無法滾動,當觸控元素隱藏時,去除穿透滾動元素的overflow: hidden屬性。

可根據觸控元素和穿透滾動的元素的數量,自行選擇改動量較小的解決方案。

解決兩個問題

早上一開啟虛擬機器登入ubuntu,就遇到兩個問題,2 登入進去後,ubuntu的工作列不見了。解決方案 1 對於第乙個問題,使用如下命令 sudo chmod 755 r home 使用者名稱 chmod 644 home 使用者名稱 dmrc 2 對於第二個問題,1,安裝gnome panel ...

解決彈出層滾動穿透的問題

乙個棘手的問題 彈出層的滾動穿透,即彈出層滾動,那麼被彈出層覆蓋的下面的內容區域也會進行滾動。彈出層我是用的view標籤然後使用的position fixed進行的定位 說一下我的解決思路 一 當彈出層裡面無滾動的時候 可以在遮罩的view標籤上定義乙個防止事件冒泡的方法 catchtouchmov...

用指標解決的兩個問題

前段時間找工作,筆試面試做了不少的題,其中有兩個用指標解決的問題,題目不難,但做法感覺挺新的,個人覺得做得不錯,拿來跟大家分享,也請大家給看看其中的不足。1。寫乙個函式判斷某系統是大字節序還是小字節序,不可以使用庫函式。我的答案 int endian 大字節序返回0,小字節序返回1 解釋一下 指標p...