2012-11-02 63 views
0

我不確定這是否可能,這就是爲什麼我在這裏要求如此,如果您有任何想法如何這將是可能的,那麼我將不勝感激!當您滾動瀏覽div中的元素時更新錨標記

好吧,說我有一個div,滾動溢出-y功能。並且說這個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> 

回答

1

您可以嘗試保存scrollTop的正確父DOM元素的ty,並在用戶加載保存的點時再次進行設置。

退房this MDN article更多細節

繼承人快速和骯髒的實施:http://jsbin.com/ezexaf/1/edit

+0

這會給我滾動的像素數......但我怎麼會在某種程度上向後滾動返回值到div中的那個位置? –

+0

您也可以將scrollTop屬性設置回相同的元素。 –

+0

我從來沒有聽說過這個JavaScript之前,我什至不知道如何實現它......你能告訴我一個在你的答案代碼的例子嗎? –

相關問題