2013-07-23 2 views
2

У нас есть эта страница - Cloud it и, по-видимому, проблема с CSS или некоторые помехи в секции слайдера. Фон контейнера слайдера имеет свойство background-attachment: fixed и background-size: cover для поддержания эффекта параллакса. В хром (версия 28.0.1500.71) мы видим огромное мерцание и прыжки всего фонового изображения.Хром - фиксированное мерцание фонового изображения

Мы еще не нашли решения для этой проблемы. Есть ли кто-нибудь, кто раньше встречал эту проблему, или кто-то, кто может дать нам хороший совет?

Спасибо

ответ

1
#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(); 
    } 
}); 
+0

Спасибо, как вы думаете, есть решение, как скрыть зеленый подвкладку и все еще получить избавиться от этих мерцаний? –

+0

Помогите мне понять, почему вы хотите это сделать, и я еще раз посмотрю. – isherwood

+0

Содержимое в скользящем язычке та же форма, что и в ползунке. Поэтому он идеален, когда доступен только при прокрутке вниз (речь идет о домашней странице). Благодарю. –

Смежные вопросы