Есть следующий код.
if ($(window).scrollTop(0)) {
$('#console').css('background','blue');
}
else {
$(window).on('scroll',function(){
$('#console').css('background','red');
});
}
При прокрутке должен меняться фон, но при возвращении скролла на самый верх фон должен возвращаться.
Он к сожалению не рабочий. Как можно сделать что бы при прокрутке стиль менялся? http://jsfiddle.net/FhRKU/39/
.scrollTop()
нужно так: if ($(window).scrollTop() == 0)
;$(window).on('scroll')
нужно вызывать не из условия. Сейчас у вас получается, что если прокрутка посетителя находится в самом верху, то обработчик и не объявляется.function consoleBG() {
if ($(window).scrollTop() == 0) {
$('#console').css('background', 'blue');
} else {
$('#console').css('background', 'red');
}
}
consoleBG();
$(window).scroll(function() {
consoleBG();
});
#console {
width: 100%;
position: fixed;
height: 20px;
padding: 3px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div id="console"></div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>dfsdsd
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>trhrth
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>rfwerfwe
Перевод документов на английский язык: Важность и ключевые аспекты
Какие существуют виды рекламных бордов и как выбрать подходящий?
Создатели React перенесли Bootstrap под свою гребенкуПри работе с данной библиотекой React-Bootstrap, возник вопрос, как кастомизировать стили компонентов?...
У меня есть функция onChange, где в стейт записываю то, что ввели в инпут
Why in Google Maps I can click on all geographic names by this link and can not for this linkHow to make names clickable?
На сайте есть много видеоКак узнать id видео которое воспроизводилось при запуске нового видео, у всех разный id, хотелось бы получить этот...