微信小程序禁止彈框底部?jī)?nèi)容滑動(dòng)

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

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

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

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

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

比如下面這種：

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

網(wǎng)友們的方法

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



prevent(){
    return ;
}

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

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/106072.html

相關(guān)文章

WeUI基礎(chǔ)樣式庫——寫一個(gè)移動(dòng)端界面

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

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

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

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

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

xiyang 2019-08-29 13:49 評(píng)論0 收藏0
移動(dòng)端下彈框禁止背景滑動(dòng)

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

pf_miles 2019-08-29 17:04 評(píng)論0 收藏0
移動(dòng)端下彈框禁止背景滑動(dòng)

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

baukh789 2019-08-02 11:50 評(píng)論0 收藏0