html - Using Affix in Bootstrap 2.3.2 -


i'm trying create sidebar this sidebar overlaps footer.i need sidebar move when scroll reaches end.( link) here code: css:

 .bs-docs-sidenav {         background-color: #ffffff;         border-radius: 6px 6px 6px 6px;         box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);         margin: 60px 0 0;         padding: 0;         width: 228px;     }      .bs-docs-sidenav > li:first-child > {         border-radius: 6px 6px 0 0;     }      .bs-docs-sidenav > li:last-child > {         border-radius: 0 0 6px 6px;     }      .bs-docs-sidenav > li > {         border: 1px solid #e5e5e5;         display: block;         margin: 0 0 -1px;         padding: 8px 14px;     }      .footer {         background-color: #f5f5f5;         border-top: 1px solid #e5e5e5;         margin-top: 70px;         padding: 30px 0;         text-align: center;     }      .affix-top {         position: absolute;         top: 0px;         bottom: auto;     }      .affix-bottom {         position: absolute;         top:auto;         bottom: 200px;     }      .affix {         top: 0;     } 

html:

  <ul data-spy="affix" data-offset-top="0" data-offset-bottom="0" class="nav nav-list     bs-docs-sidenav affix">     <li class="active">         <a href="#m1">             menu1             <i class="icon-chevron-left"></i>         </a>     </li>     <li>         <a href="#m2">             menu 2             <i class="icon-chevron-left"></i>         </a>     </li>    </ul> 

what wrong code?

i got question's answer: have manage scrolling in order prevent overlapping footer java script.


Comments

Popular posts from this blog

Detect support for Shoutcast ICY MP3 without navigator.userAgent in Firefox? -

web - SVG not rendering properly in Firefox -

java - JavaFX 2 slider labelFormatter not being used -