微信小程序 禁止彈框底部內容滑動

咱們須要解決的問題:當彈框顯示的時候,彈框下面的內容不能滾動

小程序的彈框特別多,像下面這樣,彈框的底部是一個能夠下拉的頁面,可是當彈框出現的時候,須要禁止底部的滾動,那麼怎麼作呢?前端

圖片描述

直接給出答案吧:
view加上catchtouchmove='true' 就能夠.小程序

好比下面這種:微信

<view catchtouchmove='true' ></view>

至於加到哪一個view上邊,天然是最外邊包含整個屏幕的view了。若是你實在不知道哪個,你試一下也成。編輯器

網友們的方法

網友們有人使用的方式是給catchtouchmove綁定一個空方法。這也是一個解決方法。spa

<view catchtouchmove='prevent' ></view>

prevent(){
    return ;
}

友情提醒:關於不能滾動的這個效果須要在真機上面查看,在編輯器上面看不到效果。code

至此,完成。 本文首發於公衆號「前端的極致實現」。歡迎小可愛們來交流~加我微信(wangyuedewechat2)拉你們進羣
相關文章
相關標籤/搜索