当前位置: 代码迷 >> 综合 >> scrollview自适应高度
  详细解决方案

scrollview自适应高度

热度:34   发布时间:2024-01-25 11:07:37.0

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

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

vue中测试通过

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

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

用到了this.$nextTick  calc vh

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

父组件需要置顶

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