天天看點

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擷取父節點的高度