scroll-view滾動穿透,阻止滾動
頁面彈窗阻止滾動是一種常見的問題,這里簡單介紹小程序scroll-view的一種解決方式
常用阻止滾動方式
在不使用scroll-view的彈窗中, 為position為absolute或fixed的元素設置catchtouchmove空事件就可以阻止彈窗下的頁面因事件穿透滾動
<viewcatchtouchmove="doNothing"></view>
也可直接寫catchtouchmove,相當于綁定了事件名為true的事件
問題場景
在小程序中,在absolute或fixed的類彈窗布局中。要顯示列表、長文本段落等可滾動元素,必須使用scroll-view組件,無法阻止頁面本身的滾動
解決辦法
既然無法簡單的阻止事件穿透,就在頁面可滾動的元素本身想想辦法:
頁面滾動元素
小程序中的簡單布局,在頁面內容超出一屏時,滾動的元素是page
如何讓頁面不滾動
將page的高度設為100%,頁面最外層放一個view,打開彈窗時通過一個class增加樣式,設頁面高度100%,overflow: hidden來停止滾動
打開彈窗時設isStopBodyScroll為true,關閉時設為false
<viewclass="{{isStopBodyScroll?'scroll-lock':''}}"><!--頁面內容--></view>.scroll-lock{height:100%;overflow-y:hidden;}存在的問題
這樣設置頁面會回到頂部,期待有更好的解決方式或官方對這個問題提供支持
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制，八進制，十六進制。八進制前面要加0，后面...
2022年天津專場考試原定于3月19日舉行，受疫情影響確定延期，但目前延期后的考試時間推遲。 符合報名條件的考生，須在規定時間登錄招考資訊網(www.zha...
：喜歡聽，樂意看。指很受歡迎?！巴卣官Y料”喜聞樂見：[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】：喜歡聽，樂意看。指很受歡迎。2. 【示例】：這是...
所謂價格歧視，是指壟斷廠商為了獲得超額利潤，而實行的有差別的價格政策。價格其實分為三個等級，等級數字越小，壟斷廠商賺取的超額利潤就越多。價格歧視的三種類型例子如下：一、一級價格歧視-看人定價不同的人為相同商品或服務所愿意支付的最高價格是不同的。一個旅游紀念品，經濟條件好的人可能愿意花500元去購買，經濟條件一般的人可能最多只愿意出300元。那么為了多掙錢，景區賣旅游紀念品的老板會上下打量每一個詢價...
我國多數省市支持網上查詢養老保險信息，安徽省亦開通了城鄉居民養老保險網上查詢系統。那么安徽省城鄉居民養老保險網上查詢系統網址是什么呢?查詢密碼是多少?下文將為您詳細介紹。安徽省城鄉民養老保險網上查詢系統1.網址: http://61. 190. 31. 163:8080/2.查詢賬號:可使用身份號碼查詢(公民身份號碼尾號如有“x”請填大寫字母)。s.查詢密碼:初始密碼為城鄉...
(資料圖片僅供參考)最近這段時間總有小伙伴問小編李雙江級別_李雙江什么軍銜級別是什么，小編為此在網上搜尋了一些有關于李雙江級別_李雙江什么軍銜級別的知識送給大家，希望能解答各位小伙伴的疑惑。李雙江是文職干部不授予軍銜，專業技術一級，享受正軍級中將待遇。需要特別說明的是，李雙江只是享受正軍級中將待遇，但是他并不是正軍級中將，這個一定要搞清楚。再打個比方，一級軍士長享受副師級待遇，但是一級軍士長還是士...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）