元素的scrollTop属性存储在哪里?

时间:2018-04-20 11:57:51

标签: javascript

我必须将元素的scrollTop属性设置为0,而不可见。如示例所示,如果元素被隐藏,则属性始终为0,但是当元素再次可见时,属性将恢复。那么该值存储在哪里?

#container{
  height: 100px;
  overflow: auto;
}
#content{
  height: 500px;
}
<button id="toggle" onclick="document.getElementById('container').style.display = 'none'">hide container</button>
<button id="toggle" onclick="document.getElementById('container').style.display = 'block'">show container</button>
<button id="show value" onclick="document.getElementById('result').innerHTML = document.getElementById('container').scrollTop">show ScrollTop</button>
<div id="result">0</div>
<div id="container">
  <div id="content">scroll down to change the value</div>
</div>

1 个答案:

答案 0 :(得分:0)

如果元素未显示,则不在文档中。你不能得到它的scrollTop,因为它没有。

如果你需要“移动它”,那么我建议你添加一个样式,比如element.style.top(这取决于你的HTML是怎样)