解決小程式點選彈出模態框,子父級都有滾動條問題

2022-06-18 08:15:10 字數 621 閱讀 5221

123

page(,

9 onload:function

(options));24}

25})

26},

27 showmodel:function

(e) )

32},

33 cancel:function

())38

}39 })

//css檔案

::-webkit-scrollbar

.hide

.show

scroll-view

#cientwill

//這個是子級內容

貼出主要**,

思考步驟:

1.使用作為根節點包裹所有view,並動態繫結scroll-view的scroll-y屬性,自定義它的高度,var calc = clientheight * rpxr-100; 「-100」是因為我底部有選項卡,你若不需要就不永用減;

2.點選button按鈕觸發showmodel事件,子級內容顯示,更改isscroll的值為false,關閉彈窗的點選事件中,更改isscroll的值為true

微信小程式底部彈出模態框

傳送 模態框 modals modals cancel bottom dialog body 動畫前初始位置 bottom pos comment top comment num comment close comment list comment li comment li img comment...

小程式行內點選事件衝突解決

說明 比如這種情況下,比如tr上有乙個點選事件,第乙個cell下也有點選事件,但是點選cell時會觸發到tr的事件 view class tr bindtap parentclick view class cell bindtap childclick 1 view view class cell ...

解決小程式彈出層滾動穿透的問題

最近在做彈窗的時候遇到的問題,就是遮罩後面的內容可以滾動,查詢資源發現是兩種情況,一是遮罩層有滾動元件,乙個是遮罩層沒有滾動元件,下面就來說說如何解決這兩種情況。使用前後對比 一 當彈出層裡面無滾動的時候 可以在遮罩的view標籤上定義乙個防止事件冒泡的方法 catchtouchmove preve...