为什么滚动时元素的scrollTop属性保持为0？
迈克尔·泽奇
我正在尝试scrollTop在项目中使用该属性。
但是我做什么都不重要：它总是让我回头0。我正在使用Chrome。也尝试过Firefox，结果相同。
我做了这个演示：
var wrap = document.querySelector('.wrap');
wrap.addEventListener('scroll', function() {
var sub = document.querySelector('.sub');
console.log(sub.scrollTop);
});body {
background-color: white; }
.wrap {
padding: 10px;
border: 3px solid white;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 600px;
height: 400px;
overflow: scroll; }
.sub {
height: 1200px;
width: 200px;
background: linear-gradient(orange, green, blue, red); }<div class="wrap">
<div class="sub"></div>
</div>
我怎么了
分别：为什么我会找回这些明显错误的价值？我预计大约800在滚动到最底部时会看到。
亚历山大·奥玛拉
在您的情况下，scrollTop应从实际的滚动元素中读取该属性.wrap，而不是该元素的子元素。
代替：
console.log(sub.scrollTop);
尝试：
console.log(wrap.scrollTop);
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
当我在body元素中将边距和填充设置为0时，为什么仍保持水平滚动条？
- 2
为什么追加到元素时我的增量为0
- 3
为什么<img>是内联元素时要保持高度？
- 4
如何在用户仍在滚动时获取 scrollTop 属性
- 5
为什么scrollTop只向下滚动一半？
- 6
为什么在尝试POST时我的模型属性为null？
- 7
jQuery scrollTop（）为所有元素返回0
- 8
最小尺寸时，为什么UIBarButtonItems宽度为0
- 9
为什么在vm.swappiness为0时使用swap？
- 10
当元素在顶部边框上溢出时，为什么没有滚动条？
- 11
为什么在扩展元素时，此React手风琴会向上滚动页面？
- 12
为什么将背景大小设置为100％时CSS滚动动画不起作用？
- 13
为什么宽度为100vw时x轴上会有滚动？
- 14
当内容肯定不在页面上时，为什么此滚动条显示为灰色？
- 15
当我的宽度设置为 100% 时，为什么我的网站会横向滚动？
- 16
为什么在将 <html> 和 <body> 设置为 100% 时 JSFiddle 会显示滚动条
- 17
为什么我的对象保持为空？
- 18
为什么页脚元素在删除其父包装器元素的属性“ position：relative”时位置错误
- 19
为什么我的对象在有值时保持为空？
- 20
hmsegmentedcontrol-滚动时，标签突出显示框始终更改为0。为什么？
- 21
为什么保持返回 0 的结果？
- 22
滚动时为什么我的tableview抖动
- 23
为什么滚动时标题不固定？
- 24
即使在水平滚动时也使元素保持在右侧
- 25
ckeditor ballpanel 滚动时不保持连接到元素
- 26
元素的scrollTop始终返回0
- 27
如果为元素同时指定了id和class，则应用哪个属性？为什么？
- 28
为什么此聚合物元素的属性解析为undefined？
- 29
当滚动到达div的顶部时如何打印scrolltop（）值0
我来说两句