ページ上でアンカーに変更をロードする

私はJquery.Localscrollを使用してアンカー間でスムーズにウィンドウを移動しています。ページが読み込まれたときにアンカーリンクを含むようにURLを変更すると、ページが読み込まれたときにセクションにスムーズにスクロールします。

または、ドキュメントが読み込まれるときにセクションにスクロールするより良い方法があります。

ありがとう。

1

1 答え

明らかに、伝統的な方法でスクロールするアンカーを指定する場合は、次のようになります。

Link

ブラウザが自動的にスクロールします。

ブラウザがページを読み込んだ後、特定のアンカーにスムーズ(アニメーション)したスクロールを行うコードを入力すると、次のようなことが起こります。

// on calling page
Link

// on "yourURL" page:
$(document).ready(function() {
  //check for "scrollto" parameter and if it exists
  //use Localscroll to move to specified anchor
   var match = /[?&]scrollto(?:=([^&]*))?/.exec(window.location.search);
   if( match != null ){
      var anchor = match[1];
     //your code to scroll to anchor here
   }
});
0
追加された
ありがとう、私は //アンカーにスクロールするコードを何に入れるべきかについてはあまりよく分かりません。 Local.Scrollはアンカーを見つけて自動的にその関数を呼び出しているようです。私はそこに関数を入れてみよう。ありがとう@nnnnnnn
追加された 著者 uriah,
どういたしまして。私は、クエリ文字列に基づいて何をスクロールするかを決定するコードを与えようとしました。スクロールコードをどこに置くべきかを提案しましたが、私はLocalscrollに慣れていないので、その部分を残す必要がありました。実際には、今考えてみると、DOM readyイベントではなくloadイベントで行いたいので、イメージがロードされるまでスクロールしません。私は、ユーザーの視点から、リンクをクリックしたときに新しいページが最初に読み込まれ、自動的に適切なアンカーにスクロールして何らかのアニメーションを表示するという考えを前提としています。
追加された 著者 nnnnnn,
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript