小程式頁面禁止滑動

2021-09-25 01:20:21 字數 326 閱讀 4793

要做乙個彈窗功能,彈窗是可以拖拽的,而且彈窗裡的元素是有bindtap事件的,在彈窗使用了bindtouchstart之後發現彈窗拖拽的同時背景也在滑動,改為使用了catchtouchstart之後背景不滑動了,但是發現子元素 的bindtap事件無法執行,於是又改為了bindtouchstart,換一種思路,選擇另一種方法就是如何讓頁面禁止滑動,只需要加上下邊的**到本頁json檔案就可以了 ,

在開發時候會遇到這個頁面在安卓手機上不會滑動,但是在蘋果手機上會上下滑動,體驗不是很好,只需要在當前頁面的json檔案裡加上

"disablescroll": true
加上這個就ok了。

H5禁止頁面滑動 滾動

禁止頁面滾動 有三種方法 1,依靠css 將頁面 document.documentelement.style.overflow hidden document.body.style.overflow hidden 手機版設定這個。如果設定了如上,頁面的滾動條將會消失,此時滑鼠滾輪失效。但是 你用鍵...

Vue 彈出層時 禁止頁面滑動

上 滑動限制 stop document.body.style.overflow hidden document.addeventlistener touchmove mo,false 禁止頁面滑動 取消滑動限制 move document.body.style.overflow 出現滾動條 doc...

禁止左右上下頁面滑動

專案需要,需要在頁面進行canvas繪圖。但是移動端頁面可以隨意滑動,使用者要通過觸筆來繪圖,頁面老是晃動,體驗非常不好。那麼有什麼辦法能讓頁面,或者當前div固定呢?這樣可以達到禁止左右滑動的效果,但是禁止上下就不行了。既然固定,用固定定位不就行了嗎。實踐真的可以,固定定位當前繪圖canvas的d...