jQuery trigger action when a user scrolls past a certain part of the page

by

Use the jquery event .scroll()

$(window).on('scroll', function() {
    var y_scroll_pos = window.pageYOffset;
    var scroll_pos_test = 150;             // set to whatever you want it to be

    if(y_scroll_pos > scroll_pos_test) {
        //do stuff
    }
});

http://jsfiddle.net/babumxx/hpXL4/

More Related Contents:

  1. Download the text over image using jquery
  2. Disable/enable an input with jQuery?
  3. $(document).ready equivalent without jQuery
  4. Persist variables between page loads
  5. Listening for variable changes in JavaScript
  6. Chrome Uncaught Syntax Error: Unexpected Token ILLEGAL [duplicate]
  7. How to get the anchor from the URL using jQuery?
  8. JS replace not working on string [duplicate]
  9. jqGrid add new column
  10. What is the difference between setTimeout(fn, 0) and setTimeout(fn, 1)?
  11. How to silently hide “Image not found” icon when src source image is not found
  12. Is it possible to check dimensions of image before uploading?
  13. javascript – How to make this code work? [duplicate]
  14. Userscript to wait for page to load before executing code techniques?
  15. In jQuery, what’s the best way of formatting a number to 2 decimal places?
  16. what’s the equivalent of jquery’s ‘trigger’ method without jquery?
  17. JQuery Number Formatting
  18. How do I get the content of a using jQuery?
  19. Javascript – dumping all global variables
  20. XMLHttpRequest cannot load, No ‘Access-Control-Allow-Origin’ header is present on the requested resource [duplicate]
  21. jQuery – Create hidden form element on the fly
  22. jQuery: checking if the value of a field is null (empty)
  23. Sum numbers returns NaN
  24. How do you handle a form change in jQuery?
  25. lodash debounce not working in anonymous function
  26. Randomize setInterval ( How to rewrite same random after random interval)
  27. Javascript Input Text Masking without Plugin
  28. Convert iso timestamp to date format with Javascript?
  29. Javascript Date() give wrong date off by one hour
  30. Disabling links to stop double-clicks in JQuery

Leave a Comment