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 :-)

this test page

as can see, footer on top of content despite z-index value -101.

enter image description here

can kindly make work?

thank you

[solution] main issue caused absence of background in main , missing container i've

  1. added 1 div i've called wrapper
  2. the wrapper div starts right after body tag , closes right before footer
  3. 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

Popular posts from this blog

c++ - llvm function pass ReplaceInstWithInst malloc -

Cross-Compiling Linux Kernel for Raspberry Pi - ${CCPREFIX}gcc -v does not work -

java.lang.NoClassDefFoundError When Creating New Android Project -