移動端篩選欄區域性滑動,遮罩層等不滾動

2021-09-13 11:30:33 字數 422 閱讀 1203

列表篩選欄 要求是遮罩層出現時候 篩選列表右側有三個切換列表可以滾動,其他部分不可以

試了很多方法,最後的解決方法是

滾動列表父盒子固定高度,新增屬性

overflow-y:scroll

出現時:

document.body.style.position=『fixed』

document.body.style.overflow=『hidden』;

收起時:

document.body.style.position=』』

document.body.style.overflow=』』;//出現滾動條

蘋果手機滑動不流暢 給列表新增屬性

-webkit-overflow-scrolling: touch;

可能某些場景沒用,

遇見問題,留作參考

移動端滑動事件

專案中要實現乙個功能,在寬度高度固定的乙個div中放入幾張,的高度與div的高度相等,幾張的總長度要遠遠超過div的長度,那麼問題來了,如何才能讓使用者通過手指的滑動,看到所有的呢?這個可以有兩種方法 方法一 此時,已經可以進行的滑動了 方法二 在父元素上設定white space nowrap,保...

vue實現乙個移動端遮蔽滑動的遮罩層

在扯廢話浪費大家的時間之前,先上個 好了,使用vue實現起來很簡單 對,就是這麼簡單,加上 touchmove.prevent就可以遮蔽滑動頁面了,然後再和普通的遮罩層一樣,加點樣式 遮罩層 overlayer如此,便可以了 vue真是好用啊 如果彈窗不在遮罩層內部,那麼冒泡就不會經過遮罩層,也就無...

js移動端滑動翻頁

getelementbyid 全體 content document.getelementbyid content 滑動容 var page1 document.getelementbyid page1 var page2 document.getelementbyid page2 var page...