scrollTop动画在Safari中运行，但不是Chrome

这很奇怪。它在FireFox，Safari和IE中运行良好，但在Chrome中，动画不起作用。它直接跳到顶部，没有动画。scrollTop动画在Safari中运行，但不是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！

来源

2012-02-17 Alireza

你有任何元素的顶部标题区ID？据我所知铬首先使用默认行为。您可以使用“preventdefault”来停止其默认行为。 – 2012-02-18 13:33:27

-1

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

来源

2012-02-21 12:58:48 Alireza

此问题是否与系统重新启动有任何联系？ – iplus26 2016-10-18 03:53:30

scrollTop动画在Safari中运行，但不是Chrome

回答

相关问题