收藏
回答

是否支持 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
    有用
    回复
登录 后发表内容