Question

Ok I have a page with stacked div‘s and anchors which use a jquery slide slide down. When the bottom of a stacked div reaches the top of the screen I want the jquery to automatically scroll to the next div, which may be 1000px south.
How can i do this in javascript?

my idea is to put an image the bottom of the div and somehow check the screen to see if the image is in the top half of the monitor which would call a function to scroll to the next anchor..

Is this possible?

Answer 1

var wHeight =$(window).height()/2;  
$(window).scroll(function(){   

    var imgOff = $('#two').offset().top-$(window).scrollTop();

    if(imgOff<wHeight){    
        alert('Kill BILL!');    
    }    
});

havent tried this out but it should work
Edit: this works try it here
http://jsfiddle.net/BG2Cz/
P.S. Be warned it will spam alerts once u pass the middle