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

terro 發布于2019-08-26 10:22 / 2390人閱讀

摘要：網友們的方法網友們有人使用的方式是給綁定一個空方法。這也是一個解決方法。友情提醒關于不能滾動的這個效果需要在真機上面查看，在編輯器上面看不到效果。本文首發于公眾號前端的極致實現。歡迎小可愛們來交流加我微信拉大家進群

我們需要解決的問題：當彈框顯示的時候，彈框下面的內容不能滾動

小程序的彈框特別多,像下面這樣，彈框的底部是一個可以下拉的頁面，但是當彈框出現的時候，需要禁止底部的滾動，那么怎么做呢？

直接給出答案吧：
給view加上catchtouchmove="true" 就可以.

比如下面這種：

至于加到哪個view上邊，自然是最外邊包含整個屏幕的view了。如果你實在不知道哪一個，你試一下也成。

網友們的方法

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



prevent(){
    return ;
}

友情提醒：關于不能滾動的這個效果需要在真機上面查看，在編輯器上面看不到效果。

至此，完成。
本文首發于公眾號“前端的極致實現”。歡迎小可愛們來交流~加我微信(wangyuedewechat2)拉大家進群

云服務器 GPU云服務器微信小程序微信小程序支付微信小程序部署微信小程序搭建

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/106072.html

WeUI基礎樣式庫——寫一個移動端界面

摘要：是一套基礎樣式庫，同微信原生視覺體驗一致，由微信官方設計團隊為微信內網頁和微信小程序量身設計的。為了更好的說明這個基礎樣式庫的使用，接下來我將介紹兩個例子。 WeUI是一套基礎樣式庫，同微信原生視覺體驗一致，由微信官方設計團隊為微信內網頁和微信小程序量身設計的。我們來看看這個基礎庫樣式到底長什么樣。showImg(https://segmentfault.com/img/bVYCKd?...

hedge_hog 2019-08-21 17:40 評論0 收藏0
WeUI基礎樣式庫——寫一個移動端界面

摘要：是一套基礎樣式庫，同微信原生視覺體驗一致，由微信官方設計團隊為微信內網頁和微信小程序量身設計的。為了更好的說明這個基礎樣式庫的使用，接下來我將介紹兩個例子。 WeUI是一套基礎樣式庫，同微信原生視覺體驗一致，由微信官方設計團隊為微信內網頁和微信小程序量身設計的。我們來看看這個基礎庫樣式到底長什么樣。showImg(https://segmentfault.com/img/bVYCKd?...

meteor199 2019-08-01 18:00 評論0 收藏0
WeUI基礎樣式庫——寫一個移動端界面

摘要：是一套基礎樣式庫，同微信原生視覺體驗一致，由微信官方設計團隊為微信內網頁和微信小程序量身設計的。為了更好的說明這個基礎樣式庫的使用，接下來我將介紹兩個例子。 WeUI是一套基礎樣式庫，同微信原生視覺體驗一致，由微信官方設計團隊為微信內網頁和微信小程序量身設計的。我們來看看這個基礎庫樣式到底長什么樣。showImg(https://segmentfault.com/img/bVYCKd?...

xiyang 2019-08-29 13:49 評論0 收藏0
移動端下彈框禁止背景滑動

摘要：移動端下彈框禁止背景滑動茴字寫法有很多種，找到最適合的才是好的。移動端下彈框禁止背景滑動茴字寫法有很多種，找到最適合的才是好的。以下下方法在一屛之內是可行的 body;html 設置overflow:hidden .overflow-hidden{ height: 100%; overflow: hidden; } // 彈出時 $(html, body,.pa...

pf_miles 2019-08-29 17:04 評論0 收藏0
移動端下彈框禁止背景滑動

摘要：移動端下彈框禁止背景滑動茴字寫法有很多種，找到最適合的才是好的。移動端下彈框禁止背景滑動茴字寫法有很多種，找到最適合的才是好的。以下下方法在一屛之內是可行的 body;html 設置overflow:hidden .overflow-hidden{ height: 100%; overflow: hidden; } // 彈出時 $(html, body,.pa...

baukh789 2019-08-02 11:50 評論0 收藏0