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

django - How can I change user group without delete record -

java - Need to add SOAP security token -

java - EclipseLink JPA Object is not a known entity type -