jquery - How to make object with fixed positioning move from top of my browser window to the bottom as I scroll down my website? -

jquery - How to make object with fixed positioning move from top of my browser window to the bottom as I scroll down my website? -

i have website 6 times height of browser window. want have image fixed positioning move top of browser window bottom scroll top of website bottom.

id give illustration code i'm totally stuck , don't know start.

im looking simple example. im limited html5, css , jquery.

check :

http://codepen.io/anon/pen/zolle

$( ".scroll__inner" ).click( function(){ console.log("this1"); window.scrollby(0,600); });

in added 1 on click event scroll downwards , others same @ckuijjer answer. used scroll function scroll down. can scroll bottom straight giving height scrollby.

jquery html css html5 css3