0

これが可能かどうかわからないので、ここで質問しています。これがどのように可能になるかについて何かアイデアがあれば、大歓迎です!

わかりました、overflow-y 機能でスクロールする div があるとします。そして、この div の中にストーリーや大量のテキストがあるとします。おそらく行番号またはアンカータグを介して、このdivのどこにいるかをJavascriptに記憶または保存させる方法はありますか? そうすれば、JavaScriptでdivのコンテンツを変更した場合など、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 に答える