Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.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 如何从<;滚动到#header DIV;页面底部的链接以及如何更改动画速度-JQuery 1.8.3_Javascript_Jquery_Html_Scroll - Fatal编程技术网

Javascript 如何从<;滚动到#header DIV;页面底部的链接以及如何更改动画速度-JQuery 1.8.3

Javascript 如何从<;滚动到#header DIV;页面底部的链接以及如何更改动画速度-JQuery 1.8.3,javascript,jquery,html,scroll,Javascript,Jquery,Html,Scroll,如何从中滚动到#标题DIV 页面底部的链接和 如何更改动画速度-JQuery 1.8.3 使用最好的JavaScript代码 谢谢这里有一个我想你正在寻找的你可以使用偏移量滚动到所需的元素: $('html, body').animate({ scrollTop: $("header").offset().top }, 500); return false; 其中500是以毫秒为单位的速度。确保包含返回false。这样可以避免默认的浏览器操作,这将导致轻微的闪烁 请参阅以获取示例。滚动

如何从中滚动到
#标题
DIV 页面底部的
链接和 如何更改动画速度-JQuery 1.8.3

使用最好的JavaScript代码


谢谢

这里有一个我想你正在寻找的

你可以使用偏移量滚动到所需的元素:

$('html, body').animate({
    scrollTop: $("header").offset().top
}, 500);
return false;
其中500是以毫秒为单位的速度。确保包含
返回false。这样可以避免默认的浏览器操作,这将导致轻微的闪烁


请参阅以获取示例。

滚动动画应在html标记或body标记上完成。但有一件事要记住。。尝试先将顶部偏移值存储在变量中,因为有时动画函数可能无法立即处理它,并且可能会附加“未定义”。 所以像这样使用它

           $("a").click(function(){
               var top = $("#header").offset().top;
               $("html, body").animate(function(){
                   scrollTop : top+"px"
               }, 2000);
          });
这就是滚动动画的工作原理…:)