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

回答

相關問題