jquery - Bootstrap 3 sticky footer reval z-index issue -
hello community
[solved] sake of readability below provided steps
i'm trying achieve result (see following demo , scroll bottom of page) http://iainandrew.github.io/footer-reveal/
you'll see footer reveal unveil gets uncovered below last section
this source of useful script https://github.com/iainandrew/footer-reveal
unfortunately i've tried find solution make working in bootstrap 3 basic page (header, main, footer), looks there need of trick make z-index work properly.
i've tried hard find it, i'm in loop i'm surely blind see :-) if stand in front of me :-)
as can see, footer on top of content despite z-index value -101.
can kindly make work?
thank you
[solution] main issue caused absence of background in main , missing container i've
- added 1 div i've called wrapper
- the wrapper div starts right after body tag , closes right before footer
- i gave wrapper solid white #fff background
this allows nice script work bootstrap 3 , jquery 2 providing nice slide out sticky footer
you'll have give background
container:
.container { background: #fff; }
Comments
Post a Comment