2009-09-09 23 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”:( –