16

私はこのリンクを使用しています：

<a class="" onclick="location.href='#top'" href="superContent">superContent</a>

同時に次の 2 つのことを行います。

  1. ユーザーをページの先頭にジャンプします
  2. この他の (無関係な) ajax ロード関数を実行します

よりスムーズに一番上までスクロールする方法を見つけようとしていることを除いて、すべてがうまく機能します。.scroll を追加して jquery scrollTo プラグインにアタッチしようとしましたが、何も起こりません。これはおそらく、javascript onclick を使用しているという事実と関係がありますが、href 属性はまったく別のことを行います。

アニメーションのスムーズスクロールを onclick="location.href='#top'" にアタッチする方法はありますか?

4

2 に答える 2

40

これを試してみてください。関数がアニメーション化されscrollTop()ます。

リンクの ID を設定:

<a id="link">link</a>

スクロールするjquery：

$('#link').click(function(e){
  var $target = $('html,body');
  $target.animate({scrollTop: $target.height()}, 500);
});
于 2012-10-22T17:16:57.753 に答える