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)文章:
主站蜘蛛池模板: 亚洲成人午夜电影 | 免费观看日韩精品 | 男女羞羞免费网站 | 精品伊人久久 | 成人午夜影院 | 日韩欧美在线不卡 | 中文字幕视频在线 | 亚洲精品一区二区三区四区高清 | 日韩精品视频一区二区三区 | 国产一区二区影院 | 亚洲一区 中文字幕 | 97色综合 | 91福利在线观看视频 | 国产精品久久久久久久免费大片 | 亚洲第一免费播放区 | 国产精品国产成人国产三级 | 亚洲一区av | 九九久久久 | 偷拍亚洲色图 | 色橹橹欧美在线观看视频高清 | 国产精品福利一区二区三区 | 日韩精品一区二区三区在线观看 | 免费一级片 | 99在线免费观看视频 | 中文字幕在线精品 | 日本天天操 | 久久久久亚洲 | 国产成人99久久亚洲综合精品 | 99国产精品99久久久久久 | 波多野结衣先锋影音 | 国产精品视频97 | 午夜亚洲 | 亚洲精品乱码久久久久久蜜桃91 | 久久一区二 | 91精品久久久久久综合五月天 | 91久久精品国产91久久性色tv | 欧美成人一区二区三区 | 成人一区二区三区 | 欧美一区二区大片 | 国产精品精品视频一区二区三区 | 国产免费让你躁在线视频 |