微信小程序禁止彈框底部內(nèi)容滑動

terro 發(fā)布于2019-08-26 10:22 / 2525人閱讀

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

我們需要解決的問題：當(dāng)彈框顯示的時候，彈框下面的內(nèi)容不能滾動

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

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

比如下面這種：

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

網(wǎng)友們的方法

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



prevent(){
    return ;
}

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

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

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

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/106072.html

相關(guān)文章

WeUI基礎(chǔ)樣式庫——寫一個移動端界面

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

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

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

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

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

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

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

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

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

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