咱們須要解決的問題:當彈框顯示的時候,彈框下面的內容不能滾動
小程序的彈框特別多,像下面這樣,彈框的底部是一個能夠下拉的頁面,可是當彈框出現的時候,須要禁止底部的滾動,那麼怎麼作呢?前端
直接給出答案吧:
給view
加上catchtouchmove='true'
就能夠.小程序
好比下面這種:微信
<view catchtouchmove='true' ></view>
至於加到哪一個view上邊,天然是最外邊包含整個屏幕的view了。若是你實在不知道哪個,你試一下也成。編輯器
網友們有人使用的方式是給catchtouchmove
綁定一個空方法。這也是一個解決方法。spa
<view catchtouchmove='prevent' ></view> prevent(){ return ; }
友情提醒:關於不能滾動的這個效果須要在真機上面查看,在編輯器上面看不到效果。code
至此,完成。 本文首發於公衆號「前端的極致實現」。歡迎小可愛們來交流~加我微信(wangyuedewechat2)拉你們進羣