Jquery 完成动画,然后滚动到div
好的,这个有我。我试图让我的页面在元素上运行一系列连续的动画,完成后,滚动到一个名为START的div。我已经把动画搞定了,但是整个自动滚动的东西让我崩溃了。无论我偷了什么代码并尝试了什么,它都不起作用 有人给我指出正确的方向吗?这是我在底部尝试的代码:Jquery 完成动画,然后滚动到div,jquery,scroll,Jquery,Scroll,好的,这个有我。我试图让我的页面在元素上运行一系列连续的动画,完成后,滚动到一个名为START的div。我已经把动画搞定了,但是整个自动滚动的东西让我崩溃了。无论我偷了什么代码并尝试了什么,它都不起作用 有人给我指出正确的方向吗?这是我在底部尝试的代码: $(function () { $("a.engine").click(function () { $("div.intro_image").removeClass("intro_effects"); $
$(function () {
$("a.engine").click(function () {
$("div.intro_image").removeClass("intro_effects");
$("body").animate(500).css({
"overflow": "auto"
});
$("div.menu_container").delay(600).animate(500).removeClass("hide");
$('a.engine').contents().unwrap();
});
function scrollToAnchor(aid) {
var aTag = $("a[name='" + aid + "']");
$('html,body').animate({
scrollTop: aTag.offset().top
}, 'slow');
}
$("a.engine").click(function () {
scrollToAnchor('start');
});
});
尝试使用setTimeout
$(function () {
$("a.engine").click(function () {
$("div.intro_image").removeClass("intro_effects");
$("body").animate(500).css({
"overflow": "auto"
});
$("div.menu_container").delay(600).animate(500).removeClass("hide");
$('a.engine').contents().unwrap();
setTimeout(function(){
scrollToAnchor('start');
},1100);
});
function scrollToAnchor(aid) {
var aTag = $("a[name='" + aid + "']");
$('html,body').animate({
scrollTop: aTag.offset().top
}, 'slow');
}
}))
并在调试器中检查aTag.offset().top的值。请告诉我们什么不起作用。错误消息?没有卷轴?仅仅说它不起作用并不能很好地描述问题。对此表示抱歉。它不会滚动。所有的动画都完成了,然后它就这样坐在那里。但不能向下滚动。