Функция триггера JQuery при прохождении на полпути вниз по странице

Question

Есть ли способ узнать, прокручивали ли вы прокрутку центра веб-страницы или другими словами, когда вы прокручивали ровно половину веб-страницы, а ваша полоса прокрутки расположенный в нижней половине окна браузера?

Я хочу, чтобы это можно было вызвать: $ ('. Ананас-человек'). Show(); когда я прокрутил страницу, пропустил половину страницы?

Возможно ли это вообще?

Ваша помощь будет такой доброй!

Answer 1

Вы можете получить количество пикселов элемента, которое было прокручено с помощью .scrollTop(). Для прослушивания событий прокрутки используйте .scroll().

Если вы хотите, чтобы определить, на полпути, используйте высоту прокрутки:

$(window).scroll(function() { 
    if ($(window).scrollTop() > $('body').height()/2) { 
    $('.pineapple-man').show(); 
    } 
}); 

Если вы прокручиваете какой-либо другой элемент, чем все оконные/тело, пожалуйста, изменить селекторы.

Чтобы сделать показ один таймер, добавить удаление scroll слушателя событий, добавив следующее после .show() вызова:

$(window).unbind('scroll'); 

Answer 2

См. Мероприятие scroll и метод scrollTop.

Answer 3

вы можете использовать событие фокусировки, если вы прокрутите вниз к нему (так же, как JQuery использует для своих комментариев)

jQuery('selector').focus(function() { 
    jQuery('.page').show(); 
}); 

Answer 4

Я предполагаю, что вы хотите сделать что-то вроде этого:

if($(document).scrollTop() > $(document).height()/2){ 
    $('.pineapple-man').show(); 
} 

где scrollTop() получает текущее горизонтальное положение, а height() определяет высоту документа.