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
here are:
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
Post a Comment