jquery trigger function when element is in viewport

by

jQuery Waypoints plugin http://imakewebthings.github.com/jquery-waypoints/ should do the trick

UPDATE

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery Waypoints Plugin - Test</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
    <script src="http://imakewebthings.github.com/jquery-waypoints/waypoints.min.js" type="text/javascript"></script>
    <style type="text/css">
        #mydiv {background-color:#FF0000; margin:1500px 0;}
    </style>
</head>
<body>

<div id="mydiv">
    Content goes here
</div>

<script type="text/javascript">
$(function() {
       $('#mydiv').waypoint(function() {
         window.location.href="http://google.com";
         }, {
           offset: '100%'
         });
    });
</script>
</body>
</html>

More Related Contents:

  1. jQuery – Trigger event when an element is removed from the DOM
  2. How to trigger a click on a link using jQuery
  3. val() doesn’t trigger change() in jQuery
  4. How to trigger click event on href element
  5. HTML5 Canvas 100% Width Height of Viewport?
  6. Using jQuery To Get Size of Viewport
  7. jQuery Plugin: Adding Callback functionality
  8. Trigger change() event when setting ‘s value with val() function
  9. Extending an existing jQuery function
  10. Calling function after .load (Jquery)
  11. Execute jQuery function after another function completes
  12. jquery – is not a function error
  13. jQuery trigger when 2/3s of div are in viewport
  14. jquery how to use multiple ajax calls one after the end of the other
  15. jquery – difference between $.functionName and $.fn.FunctionName
  16. Animate counter when in viewport
  17. Trigger change event of dropdown
  18. Trigger click jquery not working
  19. How can I use JQuery to post JSON data?
  20. Is it possible to use jQuery .on and hover?
  21. How to send a PUT/DELETE request in jQuery?
  22. How can I post an array of string to ASP.NET MVC Controller without a form?
  23. What is “traditional style of param serialization’ in JQuery
  24. Trigger change event using jquery
  25. success callback after knockout.js finishes rendering all the elements
  26. How can I create a “Please Wait, Loading…” animation using jQuery?
  27. jQuery modal dialog and jqGrid
  28. Get the offset of a hidden element
  29. Is there a callback for Twitter’s Tweet Button?
  30. How can I list the uploads from a YouTube Channel?

Leave a Comment