0

我不确定这是否可能,这就是我在这里询问的原因,所以如果您对如何实现这一点有任何想法,那么我将不胜感激!

好吧,说我有一个带有溢出-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>
4

1 回答 1

1

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

查看这篇 MDN 文章了解更多详情

这是一个快速而肮脏的实现:http: //jsbin.com/ezexaf/1/edit

于 2012-11-02T00:41:25.683 回答