微信遊覽器彈窗後,彈窗可以滾動,底層禁止滾動的方法

2021-09-26 14:46:17 字數 324 閱讀 5784

在網上查了很多資料,很多說在html和body加overflow:hidden;height:100%,但是試了好久,網上查的方法都不管用,可能是我沒用對.

偶然發現給標籤新增touch-action:none後,就可以禁用touchmove事件

比如window禁用touchmove事件,$(window).css('touch-action','none');

但是遮罩會觸發冒泡事件,底層還是會滾動,所以遮罩層也加上touch-action:none屬性,或者阻止冒泡事件(沒成功)

最後在彈窗需要滾動的地方用iscroll.js

說的不對的地方,歡迎改正

微信小程式底部彈窗動畫

第一步,在元件裡編寫彈窗的 view class bottommodel wx if catchtouchmove tocatch view view class fixedmodel wx if animation view class wraps view class fixedtitle vi...

微信小程式表單彈窗例項

開發中有時候會碰到需要乙個表單彈窗來處理資料的提交處理,然後這次發布的這套原始碼就是解決這個問題!彈窗標題標題 標題標題 標題備註 確定 page powerdrawer function e util function currentstatu 第2步 這個動畫例項賦給當前的動畫例項 this.a...

微信小程式自定義彈窗

首先wxml 暫無有關資訊 點選此處 注 hidden屬性用於切換比較頻繁的地方。wxss 設定彈窗樣式 mytoast js page onload function options onready function onshow function onhide function onunload...