如何在与滚动距离相对应的网站上显示数字值？
如何在与滚动距离相对应的网站上显示数字值？
提问于 2017-03-11 03:34:10
我正在寻找一个与在这里输入链接描述一样的概念显示行星间相对距离的网页。我不知道这是一个预先制作好的jquery插件还是定制的。提亚
回答 3
Stack Overflow用户
回答已采纳
发布于 2017-03-11 03:48:10
你主要需要两件事：
- 您需要window.scrollY来获得当前的滚动。注意，Y代表垂直。如果您想要像它们这样的水平，请使用scrollX。
- 您需要添加一个事件侦听器，以便在滚动时刷新值。最简单的方法: window.onscroll
然后，这取决于您如何实现它，但以下内容如下：
window.onscroll = function() {
var px = document.getElementById('px');
px.innerText = window.scrollY;
} main {
height: 5000px;
}
#counter {
position: fixed;
top: 0;
right: 0;
width: 200px;
height: 2em;
border: 1px solid #000;
}<div id="counter">
You are <span id="px">0</span>px down!
</div>
<main>
Keep scrolling down!
</main>
Stack Overflow用户
发布于 2017-03-11 03:43:48
Stack Overflow用户
发布于 2017-03-11 03:48:12
您可以监听窗口“滚动”更改事件。
window.addEventListener('scroll',function(event){
console.log(window.scrollY); // for vertical scrolling
console.log(window.scrollX); // for horizontal scrolling
})
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42731038
复制相关文章
相似问题
腾讯云开发者
