If you want the image to stay in the same place no matter the scroll, you can use
background-attachment:fixed;
on the element with the background, in this case html
By the way, it is more common to attach backgrounds to body
as opposed to html
. Also, include your relevant code in the question itself next time
EDIT
If you want the background image of the body to the absolute bottom of the page you have to use a different approach. You cannot have give .onepage
height:100%
because that would total 600%, thus the body cannot fit it all. Instead you can use javascript and window.innerheight
to make each section a page large and then use
html { min-height: 100%;height:auto; }
body {
min-height: 100%; height:auto;
background: url('http://i.minus.com/iB3a7BTVPi9X.jpg') no-repeat;
background-position: center bottom;
}
to position the background at the bottom of the page
P.S. You might be interested in something like One Page Scroll, a plugin that has a similar effect