更新锚标记,你滚过一个元素在一个div(Update anchor tag as you scrol

2019-11-01 04:41发布

我不知道这是可能的,这就是为什么我在这里问,所以如果您对如何做到这一点是可能的话,我将不胜感激任何想法!

好了说,我有一个具有溢出-Y功能滚动一个div。 并说这里面的div有一个故事或大量的文本。 反正有没有了Javascript记忆或保存你在哪里,在这个可能的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



文章来源: Update anchor tag as you scroll past an element in a div