При скроллинге показать/скрыть элемент
Доброго времени суток
Нужна помощь знающих людей Нужен скрипт, который при скроллинге и достижении определенного количества пикселей(например высота шапки: 120px) задавал бы определенному элементу стиль: display: block; а при возвращении вверх(к нижней границе шапки) стиль сменялся на display: none;(как это было изначально) Буду благодарен любой помощи |
И в чем проблема? Вешаете обработчик на onscroll, считаете сколько прокрутили и в зависимости от прокрутки делаете то что надо.
http://learn.javascript.ru/event-onscroll |
function hideBlock() {
var block = $('.block');
if($('body').scrollTop() >= 120) {
block.show();
}
else {
block.hide();
}
}
$(window).scroll(hideBlock);
|
Проблему решил видоизменив скрипт кнопки "Наверх", может кому пригодится:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(window).scroll(function () {
if ($(this).scrollTop() > 125) {
$('#menu-none').fadeIn();
} else {
$('#menu-none').fadeOut();
}
});
});
</script>
Где 125 - то количество пикселей, после которых должен появляться блок
#menu-none{
/* здесь ваши стили */
display: none;
}
|
| Часовой пояс GMT +3, время: 20:33. |