Javascript 滚动通过div中的元素时更新锚定标记

我不确定这是否可能，这就是为什么我在这里问，所以如果你有任何想法，这将是可能的，那么我将非常感谢

好的，假设我有一个带有overflow-y特性的div。假设在这个分区里面有一个故事或大量的文本。在这个div中，是否有可能通过行号或锚定标记让Javascript记住或保存您所在的位置？这样，每当div消失时，比如如果我让javascript更改div的内容，我就可以提示用户单击一个按钮，它将返回到他们最初所在的位置

我一点办法也没有！：（我所能想到的最简单的方法是给每一行一个锚定标签，这是非常重复的，不值得花时间，我仍然不知道如何在滚动上获得锚定标签

<div style="overflow-y:scroll;height:200px;"> 

<span id="1">This would</span>

<span id="2">be too</span>

<span id="3"> repetitive and</span>

<span id="4">still dont know</span>

<span id="4">how to save the anchor</span>

 </div>

这会
太
重复和
还是不知道
如何拯救锚

我在想javascript可能是这样的

<a href="#" onclick="document.getElementById('***CURRENTSPOT***').id = 'spot';">Save Spot</a>

然后，要重新加载，他们只需单击此按钮

<a href="#spot">Load Saved Spot</a>

---

您可以尝试保存父DOM元素的scrollTop属性，并在用户加载保存的点时再次设置该属性

查看更多详细信息

---

这里有一个快速而肮脏的实现：

这将给我滚动的像素数…但是我如何返回该值以滚动回div中的那个点？您也可以将scrollTop属性设置回同一个元素。我以前从未听说过这个javascript，甚至不知道如何实现它…您能告诉我吗在你的答案中给我一个代码的例子？当然，我已经用一些粗糙和肮脏的东西更新了我的答案。希望它能帮助你。太好了！非常感谢…这比我尝试的要容易得多。