uniapp 动态禁止页面滚动

UniApp是一款基于Vue.js的跨平台应用开发框架，它允许开发者构建一次，多端部署。如果你想在 UniApp 的某个页面上动态地禁用滚动功能，你可以通过JavaScript或者CSS来实现：

**JavaScript方法**:

Page({
  data: {
    disableScroll: false // 初始状态为不可滚动
  },
  handleToggleScroll: function() {
    this.disableScroll = !this.disableScroll;
    if (this.disableScroll) {
      document.body.style.overflow = 'hidden'; // 禁止滚动
    } else {
      document.body.style.overflow = ''; // 恢复滚动
    }
  }
})

在这个例子中，当`handleToggleScroll`函数被触发时，会切换`disableScroll`的状态，并相应改变body元素的`overflow`样式。

**CSS方法**:
如果你只希望在特定区域禁止滚动，可以利用`position: fixed`和`overflow: auto`配合使用：

.scroll-block {
  position: relative; /* 或 fixed */
  overflow: auto; /* 默认滚动 */
}

.disable-scroll .scroll-block {
  overflow: hidden; /* 禁止滚动 */
}

然后在JavaScript中动态添加或移除`.disable-scroll`类来控制滚动效果。