Question

I have a div element which isn’t at the top, but rather in the middle of the page.
I would like it to get fixed to the top of the browser when I scroll down to it.
How can I achieve that? especially the event for it.
Thanks.

Answer 1

$(document).ready(function() {
    $(window).scroll(function() {
      // write code to move the div.
     var top = $("#mydiv").offset().top;
     var left = $("#mydiv").offset().left;
    });
});