在Chrome中使用jQuery fadeout/fadeIn滾動問題

我正在使用jQuery fadeOut & fadeIn動態更改頁面內div的內容。所有瀏覽器的效果都很好，除了Mac版Chrome之外。在Chrome for Mac中，如果您向下滾動，淡入淡出，然後淡入淡出的內容「屏幕外」 - 換句話說，就是丟失。如果您不在第一頁上向下滾動，並轉到第二頁，則內容顯示得很好。在Chrome中使用jQuery fadeout/fadeIn滾動問題

我在我的網站上創建了一個簡單的演示。再次，這適用於所有瀏覽器，但Chrome for Mac。請幫忙！ Chrome for Windows正常工作。

演示：http://dev.corecoding.com/problem.php

在Mac上，我看到與爲AppleWebKit/534.57.2用戶代理，並在Windows，它使用爲AppleWebKit/536.5。有趣的是，它適用於Mac的Safari，它使用相同的（舊的）WebKit。

有沒有辦法讓這個工作與另一個jQuery/JavaScript命令？或者我應該忘記它，並等待Chrome的WebKit更新？

來源

2012-06-28 fordracerguy

看起來對我來說工作得很好，向下滾動並打下一個問題只看文本顯示正常。鉻19.0.1084.56 – TheZ

我正在運行鉻，這看起來很好。 – JonH

我剛剛確認問題僅在Mac Chrome中存在。 Windows工作正常。嘆。 – fordracerguy

我沒有一臺Mac，但你可以通過調用解決該問題：

$("#content").scrollTop(0)

替換div的內容後。

來源

2012-06-28 18:55:49 iwiznia

我已經嘗試過這種方法，但它不起作用，代碼已經更新以便證明。 – fordracerguy

mmm，很奇怪...然後我無法幫助你，因爲我無法測試它。「）.scrollTop（）return？如果你消除了淡入淡出並且進行常規演出，它是否工作？ – iwiznia

演出仍然有問題，但是如果我根本不做動畫，清空div並附加內容，它工作正常。我想我會像@Praveen Kumar上面所說的那樣將這個問題視爲渲染問題 – fordracerguy

在Chrome中使用jQuery fadeout/fadeIn滾動問題

回答

相關問題