gpt4 book ai didi

javascript - 如何计算文档高度并将宽度添加到 div 将显示剩余页面

转载 作者:行者123 更新时间:2023-11-30 11:03:56 24 4
gpt4 key购买 nike

我想通过页面高度为我的 div 添加宽度,这样它可以显示页面剩余多少页面,如果页面滚动到底部 div 宽度应该是 100%,如果它在中间,它应该是一半

window.onscroll = function () {
addLoaderWidth();
}

function addLoaderWidth() {
var addWidth = window.pageYOffset;
document.getElementById('load').style.width = addWidth + 'px';

}

最佳答案

您的 javascript 工作正常。我必须为 #load 元素添加一些样式,并在可滚动的元素周围添加一个容器。但它似乎按预期工作:

window.onscroll = function () {
addLoaderWidth();
}

function addLoaderWidth() {
var addWidth = window.pageYOffset;
document.getElementById('load').style.width = addWidth + 'px';

}
#load {
height: 10px;
width: 0px;
background-color: blue;
position: fixed;
top: 0;
left: 0;
transition: all .2s ease;
}

.container {
height: 1000px;
position: relative;
}
<div class="container">
<div id="load"></div>
</div>

关于javascript - 如何计算文档高度并将宽度添加到 div 将显示剩余页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56483974/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com