2009-09-09 26 views
2

當用戶點擊一個按鈕時,我希望他的瀏覽器自動滾動到具有特定href(我們稱之爲「abc」)的<a>。理想情況下,滾動會以某種方式很好地動畫。滾動頁面到<a>與jQuery的特定href

+1

動畫分散注意力,在使用應用程序的方式獲得。除非你的應用程序是某種動畫工具。 – tsilb

+0

如果他滾動到的元素在沒有滾動的情況下不可見,該怎麼辦?在這種情況下,ScrollTo是很好的UX。 –

回答

5

看一看jQuery.scrollTo插件。

隨着該插件你可以簡單地:

$.scrollTo('a[href=abc]'); 
2

你不需要任何插件。

$(document.documentElement).animate({ 
    scrollTop: $('a#abc').offset().top 
}); 
+0

因爲jquery添加了至少90kb的可讀代碼。 –

4

方式簡單:

element_to_scroll_to = document.getElementById('anchorName2'); 
element_to_scroll_to.scrollIntoView(); 

即使不需要jQuery的;)

+0

function scroll2() { var element_to_scroll_to = document.getElementById('address')。scrollIntoView(); } –

+0

但與「a href」:( –