jquery, find div class name at a certain position while scrolling

by 
<script>
(function() {
    var fixed = $('div.fixed_div');
    $(window).on('scroll',function() {
    var currentFixedDivPosition = fixed.position().top + fixed.height() + $(window).scrollTop();
    var temp, whichOne;
        $('div.small_div').each(function(i,s) {
        var diff = Math.abs($(s).position().top - currentFixedDivPosition);
            if(temp) {
                    if(diff < temp) {
                        temp = diff;
                        whichOne = s;
                    }
            }else {
                temp = diff;
                whichOne = s;
            }           
        });
        console.log(temp, $(whichOne).attr('id') + ' was closest');
    });
})();
</script>

Here is a fiddle : http://jsfiddle.net/s3JKk/ , I’m not sure I understood correctly what you wanted, but I hope this will at least give you some start. 🙂 Good Luck!

More Related Contents:

  1. jQuery doesn’t give a proper output, but gives these [closed]
  2. contenteditable change events
  3. When is JavaScript synchronous?
  4. Adding options to a using jQuery?
  5. Is it possible to listen to a “style change” event?
  6. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘…’ is therefore not allowed access
  7. Avoid dropdown menu close on click inside
  8. How to disable text selection using jQuery?
  9. How to get the element clicked (for the whole document)?
  10. How to clear the contents of an iFrame from another iFrame
  11. Displaying a number in Indian format using Javascript
  12. Simulate Keypress With jQuery
  13. jQuery Selector + SVG Incompatible?
  14. jQuery UI Accordion Expand/Collapse All
  15. How to get json key and value in javascript?
  16. Reset select value to default
  17. Get variable name. javascript “reflection”
  18. $().each vs $.each vs for loop in jQuery?
  19. Execute function before refresh
  20. Why does $(‘#id’) return true if id doesn’t exist?
  21. Nested JSON objects – do I have to use arrays for everything?
  22. How can I count the number of elements with same class?
  23. JS Object this.method() breaks via jQuery
  24. JavaScript break sentence by words
  25. iframe Auto Adjust Height as content changes
  26. How can I load jQuery if it is not already loaded?
  27. Set default time in bootstrap-datetimepicker
  28. Set Caret Position in ‘contenteditable’ div that has children
  29. Jquery/Javascript Opacity animation with scroll
  30. Find object having maximum value for the `id` property in an array of objects

Leave a Comment