Прокрутка страницы jquery
Здесь я подробно напишу, что знаю про скроулинг.
Простая проверка работы скроулинга
$(window).scroll(function() {
if ($(window).scrollTop() > 1000) {
alert ('Мы прокрутили страницу на 1000px');
}
});
Отслеживания скроулинга объекта #mydiv
if ($(window).scrollTop() + window.innerHeight < $('#mydiv').offset().top) {
// Что-то происходит
}
Срабатывание анимации объекта при прокрутке страницы на определённое количество пикселей
$(function () {
var element = $("#mydiv"), display;//имя элемента
$(window).scroll(function () {
display = $(this).scrollTop() == 300;//300 - количество прокрученных пикселей
display != element.css('opacity') && element.stop().animate({ 'opacity': display }, 500);//любая анимация
});
});
Параметры скроулинга:
| $(window).width() | Ширина браузера |
| $(window).height() | Высота браузера |
| $(window).scrollTop() | прокручено в пикселях |
| $("body").height(); | высота страницы |
| $('#mydiv').offset().top; | координаты блока с верху от начала страницы |
E-mail:
Telegram:
Оставить комментарий