2015-12-23 136 views
1

首先感謝您抽出時間。爲了保持簡短,我將立即着手。Ch j jquery平滑滾動

即時通訊使用jQuery平滑滾動腳本,一直工作正常,但現在我有一個腳本的問題。我不知道自己做錯了什麼,但在谷歌瀏覽器上滾動時確實很不穩定。在Internet Explorer和Firefox上它工作正常。圖像大小約爲2MB,視頻大小爲3MB。我甚至試圖刪除視頻和圖像,看看它有沒有什麼區別,但沒有。

我清除了我的谷歌鍍鉻cashe和餅乾,但仍然波濤洶涌。同樣在

$(function() { 
    $('a[href*=#]:not([href=#])').click(function() { 
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { 
     var target = $(this.hash); 
     target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); 
     if (target.length) { 
     $('html,body').animate({ 
      scrollTop: target.offset().top 
     }, 1000); 
     return false; 
     } 
    } 
    }); 
}); 

測試您可以檢查我的網站生活here

再次,感謝您的時間。提示總是受歡迎的。

PS:我還在努力改變顏色等

回答

0

我一直在刪除代碼來找到問題,並發現wow.js腳本是問題。就像Korgrue所說的那樣,其他行爲都會干擾滾動。

0

相信這與否,Chrome已經需要被設置爲允許平滑滾動平滑滾動標誌。這種混亂與JS不是異步的事實有關。每個步驟都是一個接一個地執行 - 所以如果您在滾動發生時正在運行其他JS函數,它將猶豫直到它的滾動變爲堆棧。

Chrome標誌執行其他瀏覽器已經執行的操作 - 延遲執行其他功能,直到滾動完成。要在Chrome上啓用平滑滾動,請嘗試:

  1. 打開一個新的標籤和輸入地址鉻://標誌/
  2. 找到平滑滾動標誌。
  3. 單擊啓用
  4. 重新啓動Chrome瀏覽器...

重要提示:大多數移動設備延遲執行JS在滾動時節省電池電量。因此,如果您在移動設備上使用JS驅動的平滑滾動,您幾乎肯定會注意到猶豫。

+0

它現在更好的工作我已經激活了滾動標誌,但仍斷斷續續:( 是否有延遲等功能,我自己當滾動動畫正在發生的方式後 因爲[這裏](HTTP:/? /mustafapiynirci.github.io/old-portfolio/)網站工作正常 – theguy

+0

我不想讓你誤入歧途,我不知道答案.JS引擎在內部處理堆棧.Chrome一直有點不穩定我和國旗是我迄今爲止唯一找到的瀏覽器的解決方案,如果有人有更好的答案,我很想知道我自己,我的解決方案對於那些知道國旗的人來說只是一個半解決方案。你的用戶可能不會知道它,只是保留默認設置。 – Korgrue

+0

嗯,是的,你是對的。無論如何,謝謝;) – theguy