无法从控制台.log(document.documentElement.scrollLeft)获取滚动的像素数。在 Chrome 中返回始终为 0



我试图用root.scrollLeft记录我的根元素(或页面(向左滚动的像素数,但每次滚动和刷新时,scrollLeft都返回0。这是否意味着我的根元素没有溢出,或者scrollLeft被设置为小于0的值?如果可能的话,我如何才能获得滚动量?谢谢

不能100%确定这是否是您想要的,因为您还没有发布代码示例。

我假设你想要在里面滚动的元素里面的像素的x,y值。下面是一把可以实现这一目标的小提琴。如果这是你想要的,请告诉我。

https://jsfiddle.net/mq8p6wsa/11/

JS/CSS/HTML

let theScrollElement = document.getElementById("divId");
theScrollElement.onscroll = getScroll;
function getScroll() {
var elmnt = document.getElementById("divId");
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop;
document.getElementById ("test").innerHTML = "Horizontal: " + x + "px<br>Vertical: " + y + "px";
}
#divId {
height: 300px;
width: 300px;
overflow: auto;
}
#content {
height: 1600px;
width: 2000px;
background-color: grey;
}
<!DOCTYPE html>
<html>
<head>
<style>
</style>
</head>
<body>
<p>Display Pixels.</p>
<div id="divId">
<div id="content">Scroll Here!</div>
</div>
<p id="test"></p>
</body>
</html>

最新更新