亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

防止在 VueJS 中滾動

防止在 VueJS 中滾動

狐的傳說 2021-07-06 13:10:57
我試圖僅在燈箱組件打開時防止滾動,但似乎無法這樣做。我希望不要使用任何外部庫或插件來做到這一點。我的 App.vue 包含“LightBox”組件,所以我假設防止滾動功能也應該存在于 App.vue 中。App.vue 片段:<template>  <div class="SocialAlbumWidget">    <div v-if="isModalVisible && media[activeIndex]">      <LightBox        ...      />我目前在“方法”部分有一個“showModal()”函數,所以想通過另一個函數傳遞它。方法:mothods: {...showModal () {  this.isModalVisible = true},closeModal () {  this.isModalVisible = false}我希望主體在“燈箱”組件關閉時可以滾動,當“燈箱”組件打開時被禁用。謝謝!讓我知道其他哪些代碼會有用。
查看完整描述

2 回答

?
慕標琳琳

TA貢獻1830條經驗 獲得超9個贊

現代解決方案:

LightBox僅防止滾動事件


<LightBox

 @wheel.prevent

 @touchmove.prevent

 @scroll.prevent

/>

Vanilla JavaScript在使用框架時避免代碼,例如VUE.js


您可以設置樣式,overflow: hidden但這不是理想的解決方案。雖然它產生了一些問題——

  • 滾動條將被隱藏

  • UI 會反彈,因為滾動條從 切換hiddenauto


查看完整回答
反對 回復 2021-07-15
  • 2 回答
  • 0 關注
  • 229 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號