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);
});
这就是滚动动画的工作原理…:)