使用jQuery滾動到錨點鏈接

我有一個鏈接位於鏈接到#here的頁面頂部。我怎樣才能使頁面向下滾動到#here的錨鏈接？我一直在去Google和jQuery網站，但不知道該怎麼做。 JS代碼就是我所擁有的。使用jQuery滾動到錨點鏈接

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() 
});

來源

2013-05-13 jfrosty

您可以添加：

$('.link').click(function() { 
    $("html, body").animate({ scrollTop: $('#here').offset().top }, 1000); 
});

來源

2013-05-13 23:49:01 edonbajrami

謝謝。正是我在找什麼。 – jfrosty 2013-05-13 23:58:13

你並沒有阻止這裏的默認行爲。 – Ohgodwhy 2013-05-14 00:07:50

如果您將瀏覽器的位置井號標籤，然後在瀏覽器應該滾動到該位置。

$('.link').click(function() { 
    windows.location = $(this).attr('href'); 
});

來源

2013-05-13 23:48:22 cgTag

感謝您以及您的時間和幫助。 – jfrosty 2013-05-13 23:57:42

這個插件有一些不錯的功能和特性加入到它（如不同的動畫）： http://demos.flesler.com/jquery/scrollTo/

「的所有匹配的元素將被滾動，例如：

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

如果需要滾動窗口（屏幕），然後使用：

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

來源

2013-05-13 23:54:02 JacobMcLock

使用jQuery滾動到錨點鏈接

回答

相關問題