css - Content scrolling on mobile page with fixed header/footer -


hello building mobile webpage content scrolling , footer , header position:fixed - can make content doesn't scroll under header or footer , scrolls in it's own div.

the reason why want going have opacity on header , footer , if content gets scrolled under , it's not looking good.

heres jsfiddle made show example of scroll

http://jsfiddle.net/vnvqs/

here are:

http://jsfiddle.net/vnvqs/3/

i removed position: absolute scrolling part (wrapper , scroll-content), , added padding wrapper in order let first , last item not being under header , footer.

basically, trick done using position: fixed only on header , footer, , let the rest of page scroll normal page, without using overflow: auto on specific fixed-height element. doing way, problem first lines of content under fixed-positioned header (and last ones under footer), can fix applying padding on content wrapper, as header (and footer) height. got it?


Comments

Popular posts from this blog

How do you change vbulletin's home page to the forums instead of the default (CMS or Activity Stream)? -

c++ - Troubles when compiling phash program -