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

小程序是不是不支持 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;
}
回到顶部