元素scrollTop属性存储位置及隐藏状态下值恢复问题咨询

我碰到了一个有意思的现象：当把一个带滚动条的元素设置为display: none后，它的scrollTop属性会变成0，但当我把元素重新显示出来时，之前的滚动位置居然又自动恢复了！

我很好奇，这个被浏览器"记住"的实际滚动位置值，到底是存储在什么地方呢？是不是浏览器内部为每个元素保留了一个独立的状态？

以下是我用来测试的示例代码：

CSS 代码 #

#container{ height: 100px; overflow: auto; }
#content{ height: 500px; }

HTML 代码 #

<div id="container">
  <div id="content"></div>
</div>
<button id="toggleHide" onclick="document.getElementById('container').style.display = 'none'">hide container</button>
<button id="toggleShow" onclick="document.getElementById('container').style.display = 'block'">show container</button>

内容的提问来源于stack exchange，提问作者Nadroev