scrollTop动画适用于Safari，但不适用于Chrome

Question

这很奇怪。它在FireFox，Safari和IE中运行良好，但在Chrome中，动画不起作用。它没有动画直接跳到顶部。

脚本：

<script>
    $(document).ready(function(){    
        $("a[href='#top']").click( function () {
            window.parent.$('body,html').animate({
                scrollTop: 0
                }, 800);
            return false;
        });
    });
</script> 

按钮：

<a href="#top"><img src="_img/top.png"></a>

整个事情是嵌入在本地域的父页面中的iframe。 当我单独打开iframe时，动画也适用于Chrome！

Answer 1

解决方案：Chrome不会重新加载。如果您之前已加载该页面，则所有内容都将保留在缓存中，直到您重新启动系统。重新启动，之后按钮必须按预期运行。如果按钮在Safari中正常工作，那就是这样。 在iOS上使用Safari时可能会出现同样的问题。只需重启设备即可。