是否支持 calc 计算方式
发布于 6 年前 作者 jun01 11875 次浏览 来自 问答

小程序是不是不支持 calc ？

使用了 calc 之后，onPageScroll，onReachBottom 无法正确的执行，

onPageScroll 页面滚动周期没有正确执行，

onReachBottom 也由于页面的高度问题，要>100% 的高度才会触发么？不能使用它来触发加载更多

1 回复
//用户滑动页面事件，页面周期函数
  onPageScroll(e) {
    console.log(e,'eee',this.data.windowHeight)
    if (e.scrollTop > this.data.windowHeight) {
      this.setData({
        isGoTop: true // 显示回到顶部按钮
      })
    } else {
      this.setData({
        isGoTop: false
      })
    }
  },
  onReachBottom: function () {
    let page = this.data.productData.page
    this.getProducts(page) //获取新数据并追加渲染，原来的数据也不要删除
    console.log(page)
  },
<view class="sort">
<view class="weui-search-bar" >
 </view>
<view class="weui-tab">
 </view>
</view>
page,.sort{
width：100%；
height：100%
}
view{
box-sizing：border-box;
}
.weui-seach-bar{
 height：50px;
}
.weui-tab{
height：calc（100% - 50px)；
overflow-y：scroll;
}
回到顶部