jquery - 加载页面上和刷新网站后的 JQuery 动画

Question

我正在尝试在侧面放置浮动框（例如用于购物篮）。它工作正常但我不喜欢当我打开页面（在 CHROME 和 IE9 中）时，该框从顶部动画到该位置。请参阅 www.arturtest.co.uk 在 Firefox 中很好。这是我的jQuery：

$(document).ready(function(){
    $(window).scroll(floatSides);
    floatSides();
});

function floatSides () {
    var offset = $(document).scrollTop() + 120;
    $('.floatingBox').animate({top: offset + "px"},{duration:750,queue:false});
}

我只是希望它们出现在像 FireFox 这样的好地方。

有任何想法吗。

Answer 1

为了快速修复，在初始调用 之后floatSides()，使用 强制动画立即完成.finish()。它看起来像这样。

$(document).ready(function(){
    $(window).scroll(floatSides);
    floatSides();
    $('.floatingBox').finish();
});