滾動到div中的元素時更新錨標簽

Question

我不確定這是否可行，這就是為什么我要在這里問，所以如果您對如何實現有任何想法，那么我將不勝感激！

好的，我有一個帶有溢出Y功能滾動的div。 並說在這個div內部有一個故事或大量文字。 無論如何，是否有可能通過行號或錨標記來記住或保存Java在這個div中的位置？ 這樣，只要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>

Answer 1

您可以嘗試保存父DOM元素的scrollTop屬性，並在用戶加載保存的位置時再次進行設置。

查看此MDN文章以了解更多詳細信息

這是一個快速而骯臟的實現： http : //jsbin.com/ezexaf/1/edit