網上有許多文章寫過了,無非就是想辦法擷取螢幕高度然後計算
我這裡提供一個更優雅的方法
vue中測試通過
this.$nextTick(() => {
let rest = document.querySelector("#rest");
rest.style.height = `calc(100vh - ${rest.offsetTop + "px"})`;
});
添加到mixin中,在需要的地方導入即可
用到了this.$nextTick calc vh
這個地方或許需要考慮相容
父元件需要置頂
不一定是絕對定位,隻要處于文檔流頂部,且高度為100vh,否則調整100vh一緻即可,也可以用js擷取父節點的高度