Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 滚动页面至<;a>;通过jQuery使用特定的href_Javascript_Jquery - Fatal编程技术网

Javascript 滚动页面至<;a>;通过jQuery使用特定的href

Javascript 滚动页面至<;a>;通过jQuery使用特定的href,javascript,jquery,Javascript,Jquery,当用户单击一个按钮时,我希望他的浏览器自动滚动到带有某个href的(我们称之为“abc”)。理想情况下,滚动会以某种方式被很好地动画化。看看这个插件 使用该插件,您可以简单地: $.scrollTo('a[href=abc]'); 你不需要任何插件 $(document.documentElement).animate({ scrollTop: $('a#abc').offset().top }); 简单一点: element_to_scroll_to = document.getE

当用户单击一个按钮时,我希望他的浏览器自动滚动到带有某个href的
(我们称之为“abc”)。理想情况下,滚动会以某种方式被很好地动画化。

看看这个插件

使用该插件,您可以简单地:

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

你不需要任何插件

$(document.documentElement).animate({
    scrollTop: $('a#abc').offset().top
});
简单一点:

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

甚至不需要jQuery;)

动画会分散注意力,妨碍应用程序的使用。除非你的应用程序是某种动画工具。如果他滚动到的元素在不滚动的情况下不可见,该怎么办?在这种情况下,ScrollTo是很好的UX。函数scroll2(){var element_to_scroll_to=document.getElementById('address')。scrollIntoView();}与“A href”相同:(