uniapp减去页面某个元素高度,页面剩余部分可滑动

效果:


image.png
<view style="height: 180rpx;"></view>
<scroll-view :style="{height: scroll_height}" class="listBox" scroll-y="true"></scroll-view>
data() {
  return {
    scroll_height: 0
  }
}
// 必须放在onReady里
onReady: function(res) {
            var _this = this;
            uni.getSystemInfo({
                success: (resu) => {
                    const query = uni.createSelectorQuery()
                    query.select('.listBox').boundingClientRect()
                    query.exec(function(res) {
                        _this.scroll_height = resu.windowHeight - res[0].top + 'px';
                    })
                },
                fail: (res) => {}
            })
        },
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。