2011-11-02 5 views
19

HTMLコードにアンカーを付けずに、HTMLページにブックマークまたはリンクする方法はありますか?アンカーなしでページのセクションにブックマークまたはリンクする方法はありますか?

リンク先ページにアンカータグがなくてもブックマークやハイパーリンクからアクセスすると、ページが特定のセクションにスクロールされます。

注:宛先ページには「foo」というアンカータグがあり、http:/...hello.html#fooのようなブックマークは、ユーザーをhello.htmlに誘導するだけでなく、自動的にページのセクションまでスクロールして、アンカータグ "foo"

+0

あなたが新しいウィンドウでページをロードしたい場合。あなたはjavascriptとそのリファレンススクロールを使用してそれを開くことができますが、ページが変更された場合はスクロールカウントが可能です。 – NitWit

+0

ありがとうございました。新しいタブ(JavaScriptの場合でもOKですが、ポップアップウィンドウではないはずです)で開くと完了できます.PAGEはかなり静的で、変更されません。スクロールするページの長さを数値に設定できるのですか?私はどんな例をも尊重します。 – SoulMan

+0

オリジナルの考えを確認した後、リンクが別のドメインにある場合window.scrollToは許可されませんXSS – NitWit

答えて

14
あなたが唯一のブックマークのようにそれを使用する要素の適切なid属性を持っている必要があり

...

<a href="#test">Test</a> 

... 

<p id="test">Hello world</p> 

W3C specification: Anchors with the id attribute

古い仕様にもできるように参照画面の上部にされますname属性に基づくナビゲーションであるが、この属性は最新のHTML仕様から削除されている(ただし、name属性がある場合は、id属性と同じ方法で使用することができる)。

移動先の属性がidまたはnameの場合、ページ内の特定のポイントに移動する方法はありません。ページ自体には移動できません。この場合、適切な情報を引用してリンクを付けるか、作者にidを追加するかどうか尋ねてください。

+0

最新のブラウザでも動作しますか?私は見た(http://stackoverflow.com/questions/484719/html-anchors-with-name-or-id/484892#484892)それはNS4でサポートされていません(まあ、誰が気にしますが)IE6についてはどうですか? –

+0

IE6で動作します。 (ただし、テストできないものはサポートしないでください) –

+3

IDを持たない要素にリンクできるトリックはありますか? – Rich

1

他のすべてが失敗した場合、あなたはそれが移動する位置とscrollTopだを求める、DOM要素を取得するためのjQueryを使用し、window.locationからクエリを取得し使用することができますが(jQuery scroll to elementを参照)

1

Firefoxの拡張機能「ウェブマーカー"あなたが望むものを正確に行います。

https://addons.mozilla.org/en-US/firefox/addon/web-marker/

あなたはここでそのソースコードやドキュメントを見つけることができます。

http://liveurls.mozdev.org/tech.html

+0

ありがとうございますが、今日のWebページでは「Firefox Quantumと互換性がありません」と表示されています。また、「6年前に更新されました(2012年2月15日)」:( – bgoodr

関連する問題