天天看点

scrollview自适应高度

网上有许多文章写过了,无非就是想办法获取屏幕高度然后计算

我这里提供一个更优雅的方法

vue中测试通过

this.$nextTick(() => {
      let rest = document.querySelector("#rest");
      rest.style.height = `calc(100vh - ${rest.offsetTop + "px"})`;
    });
           

添加到mixin中,在需要的地方导入即可

用到了this.$nextTick  calc vh

这个地方或许需要考虑兼容

父组件需要置顶

不一定是绝对定位,只要处于文档流顶部,且高度为100vh,否则调整100vh一致即可,也可以用js获取父节点的高度