2013-07-09 3 views
0

Я создаю сайт, используя jquery parallax. У меня три divs соответствуют трем различным страницам соответственно. У меня все еще есть фон (на фоне прокрутки страницы остаются все еще). У меня есть изображение логотипа на первой странице с фиксированной позицией. Таким образом, логотип прокрутки остается там. Это нормально для второй страницы. Для третьей страницы мне нужен логотип, чтобы двигаться вверх вместе с div. Как я могу это сделать? Есть ли функция, что в Jquery параллаксаНа прокрутке: переместить содержимое div

фона CSS:

body{ 
    background:url(images/new.jpeg); 
    background-repeat:no-repeat; 
    background-size:100% 100%; 
    background-attachment:fixed; 
} 

Логотип:

<div class="logocenter"> 
    <img src="images/stampedlogo.png" style="width: 200px;height: 200px;position: fixed;" alt="logo"/> 
</div> 

Пожалуйста, см my site

Пожалуйста, помогите, Спасибо

+1

всегда оставляйте свой код с вопросом .. или создавайте скрипку, а не размещайте ссылку ... ссылка может не работать в ближайшем будущем или вы можете изменить местоположение своего файла, в этом случае ссылка выиграла 't work .., который infact, не поможет пользователю, ищущему ответ, похожий на ваш вопрос в ближайшем будущем. – bipen

+0

Также, как примечание, ваш CSS имеет это в нем: 'background-color: rgbargba (255,255,255,0.7); ', вам нужен только один' rgba'. – Albzi

ответ

1

Вы могли бы используйте код ниже:

$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() > $(document).height() - 500) { 
     $('.logocenter').fadeOut(); 
    } 
}); 
Смежные вопросы