公告列表
公告列表
收藏
回答

是否支持 calc 计算方式

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug calc 公式与 周期 onPageScroll，onReachBottom 不支持 客户端 6.5.3 2.0.0

小程序是不是不支持 calc ？



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

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

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

回答关注问题邀请回答
收藏

1 个回答

  • 2019-04-03
    //用户滑动页面事件，页面周期函数
      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;
    }


    2019-04-03
    有用
    回复
请 登录 后发表内容
相关问题
相关文档