是否支持 calc 计算方式
小程序是不是不支持 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 ; } |