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
Post a Comment