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!
答
解决方案:Chrome不会重新加载。如果您之前已加载该页面,则所有内容都会保留在缓存中,直到您重新启动系统。做一次重启,之后,按钮必须按照它的功能运行。这就是如果按钮在Safari中正常工作。 在iOS上使用Safari时可能会出现同样的问题。只需重新启动设备。
+0
此问题是否与系统重新启动有任何联系? – iplus26 2016-10-18 03:53:30
你有任何元素的顶部标题区ID?据我所知铬首先使用默认行为。您可以使用“preventdefault”来停止其默认行为。 – 2012-02-18 13:33:27