jQuery show（）在手機上閃爍

此網站：http://www.stdavidsschool.co.uk/使用jQuery爲橫幅圖像滑塊下的Headlines元素設置動畫效果。在桌面上它看起來很好，但在我的Galaxy S3移動設備上，您可以在show（）動畫開始之前在全高度快速獲得下一個項目。jQuery show（）在手機上閃爍

基本上它這樣做：

name = "#item" + currentItem++; 
$(name).hide("slide", { direction : "up"}, 1000); 
name = "#item" + currentItem; 
$(name).show("slide", { direction : "down"}, 1000);

我看見-webkit-背面能見度修復，但似乎並沒有幫助 - 想必這對整個網頁動畫。

任何建議非常感謝！

來源

2013-07-04 lane

也許你可以用完整的代碼展示一個最小的例子來重現問題？該鏈接將來可能不再相關。此外，你可以設置一個jsfiddle：http://jsfiddle.net/ – Uooo

當然，我在jsfiddle上的精簡示例不閃爍。必須是其他地方的頁面有問題。（還是）感謝你的建議。 – lane

放棄幻燈片並切換到淡出。作品款待;-)

來源

2013-07-11 11:37:19 lane

我有同樣的問題，並找到了一個解決方案，可以讓你使用幻燈片，如果你願意。

在此處找到fastclick.js：https://github.com/ftlabs/fastclick。

將.js文件鏈接到文檔頭部。

然後只需添加

<script> 
    $(function() { 
    FastClick.attach(document.body); 
    }); 
</script>

到文檔的頭部。

在頁面之間導航時不再閃爍/閃爍。

希望這會有所幫助！

來源

2013-12-09 21:06:01 zb0t

謝謝，但這是元素之間的幻燈片，而不是頁面。這仍然有幫助嗎？ – lane

jQuery show（）在手機上閃爍

回答

相關問題