加载页面上的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();
});