ScrolltopアニメーションはSafariで動作しますが、Chromeでは機能しません
-
27-10-2019 - |
質問
変ですね。 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で機能します!
解決
解決策:Chromeは完全なリロードを行いません。以前にページを読み込んだ場合、システムを再起動するまですべてがキャッシュにとどまります。再起動を行い、その後、ボタンが必要に応じて機能する必要があります。これは、ボタンがSafariで適切に機能する場合です。 iOSでSafariを使用する場合、同じ問題が発生する可能性があります。デバイスを再起動するだけです。
所属していません StackOverflow