scroll-view的scroll-y设成false不能取消滚动条
发布于 6 年前 作者 guiyingyao 12819 次浏览 来自 问答

在页面渲染完之后当我点击某个button之后想不让页面（scroll-view）滚动，

此时我把scroll-y设为false之后，页面还是能滚动。

不知是否有其他方案。

代码：

index.js

Page({
  data: {
    windowHeight: 500,
    scrollY: true
  },
 
  onLoad() {
    wx.getSystemInfo({
      success: function(res) {
        this.setData({windowHeight: res.windowHeight});
      }.bind(this)
    })
  },
 
  cancelScroll: function() {
    this.setData({scrollY: false});
  }
})

index.wxml

<scroll-view style="height: {{windowHeight}}px;" scroll-y="{{scrollY}}">
  <view>view</view>
  <view>view</view>
  <view>view</view>

  <view>view</view>

       ……

  <view>view</view>
  <view>view</view>
  <view>view</view>
  <button bindtap="cancelScroll">取消滚动条</button>
  <view>view</view>
  <view>view</view>

  <view>view</view>

      ……

  <view>view</view>
  <view>view</view>
  <view>view</view>
</scroll-view>

测试手机：小米4（真机与工具都不行）

微信版本：微信6.3.31

2 回复

！this.data.scrollY呢0 0.？没有试试看0 0

这个问题应该是不能 setData, 也就是说你在 data 中定义 scrollY 是false, 页面 scroll-y=false, 但是以后的逻辑即使你 setData scroll-y = true, 它也是不好使的，应该下个版本就会修复(我问过哦)…

回到顶部