0

私はこのサイト julebord.bedriftsdesign.no を構築しており、このページにアニメーション スクロールを実装しています: http://julebord.bedriftsdesign.no/julebord.html

これが問題です。(#myanchor) のような内部アンカー リンクを使用すると、アニメーション スクロールが正常に動作します。しかし、リンクがhttp://julebord.bedriftsdesign.no/julebord.html#myanchorのようにフォーマットされている場合は機能しません。

私は両方が機能する必要がありますが、その方法について少し途方に暮れています。私が使用しているJavaScriptで何かを変更する必要があると思いますか？

これに関するご意見をいただければ幸いです。ありがとう

4

1 に答える 1

1

スクロールはページの読み込みではなくクリックによってトリガーされるため、現在のスクリプトでは機能しないと思います。

ページの読み込み時に URL ハッシュを検出し、手動でクリックをトリガーすると、スクロールがトリガーされます。

次のようなことができます（これはページでテストされていないため、微調整が必​​要になる場合があります）

if(window.location.hash) {
  $('a[href="#'+window.location.hash.substr(1)+'"]').trigger('click');
}
于 2013-09-17T05:53:12.350 に答える