ajax - ハッシュバンページを使用したインラインナビゲーション

Question

以前は、インラインナビゲーションにハッシュを使用していました。たとえば、次のようになります。

http://url?Category=a&item=3#Paragrah1

http://url?Category=a&item=3（ページ内のParagraph1を指す）

ajaxの普及に伴い、ハッシュタグは別の目的に切り替わり、ページ全体をリロードせずにページを更新できるようになりました。例えば：

http://url#!Category=a&item=3
http://url#!Category=a&item=4 (the page switches to item 4, no full page reload)

私の質問：そのようなページでインラインナビゲーションを機能させるにはどうすればよいですか？http://url#!Category=a&item=4上記の例をとると、ページのParagraph1をどのように指すことができますか？

Answer 1

Webアプリのページナビゲーションと特定のページの特定の要素への移動の両方にハッシュを使用する必要がある場合#は、スクロールを自分で処理する必要があります。

javascriptは以下を提供します：window.scroll(x, y)。

あなたの例では、URLを処理するときに、ページの適切な場所、つまり上部に移動する座標を使用http://url#!Category=a&item=4する必要があります。ページレイアウトが変更されるたびに、これらの座標を調整する必要があります。window.scrollParagraph1

Answer 2

代わりにHTML5履歴APIを使用してください。次に、ハッシュを使用して再度スクロールできます。