Home/ Questions/Q 7190529
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T19:32:07+00:00

I have the following html page. Why does alert not working when I scroll

  • 0

I have the following html page. Why does alert not working when I scroll the mouse? 

<!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: It works when page has the scroll bar on the right side and when scroll moves the page down. But I want it to work on empty page, for instance.

EDIT2: I have changed document.body to window but have the same problem.

EDIT3: So, i have come to result that I want to catch mouse wheel event

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It’s not the body but the window.
    However I would put it after the document is ready.
    Here’s a working code:

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

    In answer to your edit 3
    To catch the mouse wheel event use the jquery mousewheel_plugin see this example

    So your code would be

    <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>
    • 0