8

onload現在、ユーザーが投稿のタイトルをクリックすると、jQuery を使用して特定のハッシュタグで (ボディ クラスの関数を介して) ページをロードしています。ハッシュタグは明らかに URL に表示されます。ハッシュタグが URL を乱雑にしないようにする方法があるかどうか疑問に思っていました。いくつかの検索を行いましたが、あまり思いつきませんでした。

function goToAnchor() {
    location.href = "#post";
}
4

4 に答える 4

22

ここに見られるように: http://djpate.com/2009/10/07/animated-scroll-to-anchorid-function-with-jquery/

function goToByScroll(id){
    $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}

スクロールしたい要素のIDを渡すだけです。

于 2012-04-13T19:44:38.183 に答える
6

この特定の種類のアンカーにクリック イベントをバインドし、デフォルトを防止できます。

$('.anchorClass').on('click', function(e) {
  e.preventDefault();
  // rest of stuff
});

「残りのもの」とは、ページをジャンプする何らかのプラグインまたはコード サンプルを見つけることを意味します。スムーズに進めたい場合は、非常に人気のある scrollTo プラグインがあります。scrollTo プラグインがデフォルトの防止を処理することさえあるかもしれません。

[アップデート]

ジェフの提案（それが機能すると仮定）は「残りのもの」であり、2つの回答の中でより便利です。;-) しかし、デフォルトを防ぐことは依然として重要です。

于 2012-04-13T19:44:50.273 に答える
0

.htaccess ファイルをそのまま使用できると思います。そこで、いくつかの URL リンクを同じアドレスに移動させることができます。

たとえばfff.com/fff、fff.comandはブラウザのタブに表示fff.com#anchorできます。fff.com

于 2015-01-22T09:54:30.293 に答える