We are working on our own ebook reader that digs files from an epub package and then produces a web display... It is going pretty well. see:
We want to have controls be persistent at the top of the display (this will eventually be called into other pages via iFrame) our strategy was to set the top div to position absolute and then the div underneath to position:absolute; top:200px [set extra big for testing purposes]
When you open the page initially it appears as expected. The book content starts 200 px down the page... but when we start scrolling, the content, instead of being locked into an invisible frame whose top is actually 200 px from the top of the body... instead the whole thing is moving up.
Can anyone see how we can fix this? we want the scrolling material to "disappear" at the top at the pixel location we set for the top of the page-content div and not appear to be sliding underneath the top controls
Also if you can provide a way to prevent the top controls from flashing that will be a great help too.