0

#here にリンクされている私のページの上部にリンクがあります。#here を使用してページをアンカー リンクまでスクロールするにはどうすればよいですか? Google や jQuery のサイトに行ってきましたが、どうすればよいかわかりません。JSコードは私が持っているすべてです。

HTML:

<div class="container">
    <div class="header">
       <a class="link" href="#here">Here</a>
    </div>

    <div class="footer">
       <a id="here"></a>
       <p>Some text...</p>
    </div>
</div>

JS:

$('.link').click(function() {
    $(this).scroll()
});
4

3 に答える 3

2

あなたは付け加えられます：

$('.link').click(function() {
  $("html, body").animate({ scrollTop: $('#here').offset().top }, 1000);
});
于 2013-05-13T23:49:01.180 に答える
0

ブラウザの場所をハッシュタグに設定すると、ブラウザはその場所までスクロールする必要があります。

$('.link').click(function() {
   windows.location = $(this).attr('href');
});
于 2013-05-13T23:48:22.570 に答える
0

このプラグインには、いくつかの優れた機能と機能が追加されています (さまざまなアニメーションなど): http://demos.flesler.com/jquery/scrollTo/

"一致したすべての要素がスクロールされます。たとえば、次のようになります。

$('div.pane').scrollTo(...);//all divs w/class pane

ウィンドウ（画面）をスクロールする必要がある場合は、次を使用します。

$.scrollTo(...);//the plugin will take care of this"

于 2013-05-13T23:54:02.477 に答える