Scroll

show options when scrolling

HTML

<div style="height:800px; background-color:#000;">
    <div style="color:#fff; ">
        START
    </div>
<div id="one" style="color:#fff; padding-top: 300px;"></div>
    
     <div style="color:#fff;  padding-top: 400px;">
        THE END...
    </div>
</div>

JavaScript

//use scroll to detect position
$(function() {
		    $(window).scroll(function() {    
		        var scroll = $(window).scrollBottom();
		        if (scroll > 0) {
		            $('#one').html(scroll);
                    
		        } 
                
                if(scroll > 320){
                    $("html, body").animate({ scrollTop: 0 }, 600);
                    return false;
                }
                
            });
});