收藏
回答

scroll-view的scroll-y设成false不能取消滚动条

在页面渲染完之后当我点击某个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 个回答

  • xj丶王小京
    xj丶王小京
    2016-12-14

    !this.data.scrollY呢0 0.?没有试试看0 0

    2016-12-14
    有用
    回复
  • 盟主💯
    盟主💯
    2016-12-14

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

    2016-12-14
    有用
    回复
登录 后发表内容