Чтобы обнаружить прокрутку на просмотр списка с помощью jquery или jquery mobile

Question

0

Я использую jquery mobile и создал listview. Этот список содержится в div, а список прокрутки включен в этом div.

Я хочу выполнить некоторую задачу в списке в виде списков прокрутки в списке. Я пробовал следующий код:

$(".book").scrollstart(function(e) {
  alert("scrolling started!!");
});

Переплетное событие Jquery mobile 'scrollstart' в этот список не работает для меня. Пожалуйста, проверьте эту скрипку здесь.

Но если я привяжу это событие к окну, тогда он работает только. Итак, есть ли способ обнаружить начало прокрутки в этом конкретном списке?

Благодарю.

sonam 14 нояб. 2013, в 09:41

Теги:

jquery-mobile

2 ответа

0

В вашей скрипке я пропускаю (документ).ready()

$(document).ready(function(){
    $(".book").scrollstart(function(e) {
          alert("scrolling started!!");
    });
});

Lisa-Berlin 14 нояб. 2013, в 07:57

grigno · Accepted Answer · 2013-11-14T08-14-00.000Z

Ваш <ul> не имеет прокрутки, поэтому событие прокрутки никогда не срабатывает. Вы должны указать hieght <ul>:

CSS

.book {
    overflow: auto;
    height:200px;
}

JS

$( ".book" ).on( "scrollstart", function( event ) {
    alert("scroll");
});

Посмотрите на скрипку

Если вы хотите получить прокрутку входного документа:

JS

$(document).on( "scrollstart", function( event ) {
    alert("scroll");
});

Я попробовал, это работает хорошо. Но контент динамический и поэтому я не могу дать фиксированную высоту ul. Также возможно, что у меня может быть несколько элементов li.
Если контейнер не scoll, событие scrollstart не запускается, вот и все!