av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

vue 遮罩層阻止默認(rèn)滾動(dòng)事件操作

瀏覽:88日期:2022-12-26 08:55:56

在寫移動(dòng)端頁(yè)面的時(shí)候,彈出遮罩層后,我們?nèi)匀豢梢詽L動(dòng)頁(yè)面。

vue中提供 @touchmove.prevent 方法可以完美解決這個(gè)問題

<div @touchmove.prevent ></div>

如果不是使用Vue的話,可以給body添加overflow:hidden屬性解決

補(bǔ)充知識(shí):vue項(xiàng)目中禁止頁(yè)面滾動(dòng) / 滾動(dòng)事件穿透 (彈出蒙版時(shí),彈出層下面還可以滾動(dòng))

vue項(xiàng)目中彈出層時(shí),蒙版下還可以滾動(dòng)頁(yè)面。

移動(dòng)端解決方案

在蒙層所在div上加 @touchmove.prevent

<div @touchmove.prevent></div>

PC端解決方案

彈層顯示時(shí)調(diào)用 stopMove()停止頁(yè)面滾動(dòng) ,彈層消失時(shí)調(diào)用 Move()開啟頁(yè)面滾動(dòng)

//停止頁(yè)面滾動(dòng) stopMove(){ let m = function(e){e.preventDefault();}; document.body.style.overflow=’hidden’; document.addEventListener('touchmove',m,{ passive:false });//禁止頁(yè)面滑動(dòng) }, //開啟頁(yè)面滾動(dòng) Move(){ let m =function(e){e.preventDefault();}; document.body.style.overflow=’’;//出現(xiàn)滾動(dòng)條 document.removeEventListener('touchmove',m,{ passive:true }); }

以上這篇vue 遮罩層阻止默認(rèn)滾動(dòng)事件操作就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 中文字幕在线视频精品 | 国产精品99久久久久久动医院 | 人妖一区| 久久精品99| 国产一区二区三区网站 | 国产国拍亚洲精品av | 黄a大片 | 羞羞网站在线观看 | 五月婷婷在线视频 | 黄色网络在线观看 | 二区在线视频 | 中文字幕1区 | 亚洲国产精品精华素 | 欧美在线视频网站 | 亚洲精品久久久久久一区二区 | 久久久国产一区 | 91激情视频 | 一区二区精品 | 嫩呦国产一区二区三区av | 99pao成人国产永久免费视频 | 7777在线 | 在线看片福利 | 一区欧美 | 九九热免费在线观看 | 雨宫琴音一区二区在线 | 人人玩人人干 | 精品国产欧美一区二区 | 四虎影院在线观看免费视频 | 免费av观看 | 亚洲情综合五月天 | 久久9热| 国产日韩欧美另类 | 91婷婷韩国欧美一区二区 | 成人精品视频在线观看 | 国产亚洲精品久久午夜玫瑰园 | 亚洲精品乱码久久久久久按摩观 | 欧美成人a∨高清免费观看 老司机午夜性大片 | 久久男女视频 | 麻豆一区| 欧美h视频 | 在线中文字幕亚洲 |