jQuery scroll bind не работает

У меня есть следующая страница html. Почему предупреждение не работает при прокрутке мыши?jQuery scroll bind не работает

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
    <html lang="en"> 
    <head> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 


     <script> 
     $(window).scroll(function(){ 
       alert("scrolling"); 
      }); 
     </script> 
    </head> 
    <body> 

    </body> 
    </html>

EDIT: он работает, когда страница имеет полосу прокрутки с правой стороны и когда прокрутка перемещает страницу вниз. Но я хочу, чтобы он работал на пустой странице, например.

EDIT2: Я изменил document.body в окно, но имел ту же проблему.

EDIT3: Итак, я пришел, чтобы привести, что я хочу, чтобы поймать колесо мыши событие

источник

2012-02-01 narek.gevorgyan

Вы пробовали привязываться как к телу, так и к html? $ ("body, html") –

Я пробовал, нет результата –

Как вы должны прокручивать пустую страницу? % - ( –

Это не тело, а окно.
Однако я бы поставил его после того, как документ будет готов.
Вот рабочий код:

$(document).ready(function() 
    { 
     console.log('ready'); 
     $(window).scroll(function() 
     { 
      console.log('scroll'); 
     }); 
    });

В ответ на ваш редактировать 3
поймать событие колеса мыши с помощью JQuery mousewheel_plugin увидеть это example
Так что ваш код будет

<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript" src="jQuery_mousewheel_plugin.js"></script> 
<script> 

    var intOverallDelta = 0; 

    $(document).ready(function() 
    { 
     console.log('ready'); 
     $(document.body).mousewheel(function(objEvent, intDelta) 
     { 
      if (intDelta > 0) 
      { 
       intOverallDelta++; 
       console.log('up - (' + intOverallDelta + ')'); 
      } 
      else if (intDelta < 0) 
      { 
       intOverallDelta--; 
       console.log('down - (' + intOverallDelta + ')'); 
      } 
     }); 
    }); 

</script>

источник

2012-02-01 09:35:20

Это не работает на пустой странице. см. edit1 –

Как вы должны прокручивать пустую страницу?% - ( –

Я ответил вам на вопрос comment –

взглянуть на .scroll() на Jquery документов и с тем же примером http://api.jquery.com/scroll/

источник

2012-02-01 09:27:04

Попробуйте на окне

$(window).scroll(function(){ 
    alert("scrolling"); 
});

Прочитайте руководство: http://api.jquery.com/scroll/

источник

2012-02-01 09:29:31 PiTheNumber

... и вот пример: http://jsfiddle.net/Dutgp/1/ – Niklas

Удалить высоту: 1000 пикселей, стиль и этот пример не будут работать. См. Правки! –

Ваш селектор является неправильным, document.body ничего не будет соответствовать ...

источник

2012-02-01 09:34:05 danwellman

см. Правки –

Это не так: document.body существует в jquery.Просто попробуйте '$ (document.body) .click (function() {console.log ('click');});' .. факт состоит в том, что для привязки прокрутки, как запрошено в этом вопросе, вам нужно использовать 'window' вместо –

jQuery scroll bind не работает

ответ

Смежные вопросы