鉻 - 背景附件固定閃爍

我們有這個頁面 - Cloud it，並且滑塊部分顯然存在CSS問題或干擾。滑塊容器的背景具有background-attachment：fixed和background-size：cover屬性以保持視差效果。在chrome（28.0.1500.71版）中，我們看到整個背景圖像出現巨大的閃爍和跳躍。鉻 - 背景附件固定閃爍

我們還沒有找到任何解決此問題的方法。有沒有人遇到過這個問題，或有人能給我們一個好的建議？

謝謝

來源

2013-07-23 Matej Nuhlicek

#wrapper-presentation { 
    /* z-index: 101; */ 
}

此修復您的跳躍背景，展示了果嶺邊標籤爲好。

要還隱藏了綠色標籤，並顯示在用戶向下滾動，這樣做（jQuery的）：

.trigger {display: none;} 

$(window).scroll(function(){ 
    var scrollHt = 600; 

    if($(this).scrollTop() >= scrollHt) { 
     $('.trigger').stop().fadeIn(); 
    } else { 
     $('.trigger').stop().fadeOut(); 
    } 
});

來源

2013-07-23 16:04:37 isherwood

謝謝你，你覺得有一個解決方案如何底下隱藏的綠色標籤，並仍然得到擺脫這些閃爍？ –

幫我理解你爲什麼想這樣做，我會再看一次。 – isherwood

滑出標籤中的內容與放置在滑塊包裝中的內容相同。因此，只有在向下滾動（主頁）時纔可用。謝謝。 –

鉻 - 背景附件固定閃爍

回答

相關問題