小程序禁止页面滑动（小程序禁止页面滑动怎么设置）

如何禁止小程序页面滑动？

小程序禁止页面滑动的方法

在开发小程序时，有时候我们希望禁止页面的滑动，让用户无法通过滑动屏幕来改变页面的位置，这种需求在一些特定的场景下是非常常见的，比如在展示特定内容时，为了让用户更专注地阅读内容，我们希望禁止页面的滑动，如何实现小程序禁止页面滑动呢？下面我们来介绍一些方法。

使用CSS样式

在小程序的WXML文件中，我们可以通过设置页面的样式来禁止页面的滑动，具体的做法是在页面的样式文件中添加以下代码：

```css

page {

overflow: hidden;

}

```

这样就可以禁止页面的滑动了，这种方法比较简单，但是需要注意的是，这种方法只能禁止页面的垂直滑动，如果需要同时禁止页面的水平滑动，可以添加以下代码：

touch-action: none;

这样就可以同时禁止页面的水平和垂直滑动了。

使用JavaScript

除了使用CSS样式来禁止页面的滑动外，我们还可以通过JavaScript来实现，具体的做法是在页面的JS文件中添加以下代码：

```javascript

Page({

onReady: function() {

wx.createSelectorQuery().select('page').boundingClientRect(function(rect) {

wx.pageScrollTo({

scrollTop: 0,

duration: 0

});

}).exec();

}

})

这段代码的作用是在页面加载完成后，将页面滚动到顶部，从而禁止页面的滑动，需要注意的是，这种方法只能禁止页面的垂直滑动，如果需要同时禁止页面的水平滑动，可以修改代码为：

scrollLeft: 0,

通过以上两种方法，我们可以实现小程序禁止页面滑动的功能，在实际开发中，可以根据具体的需求选择合适的方法来禁止页面的滑动，让用户更好地体验小程序的内容。