このように左側にナビゲーションバーを配置しようとしています。
そのために、すべての要素 (html、body) を 100% にしました。それから私はそれをこのように構成しました
HTML:
<div class="span2 leftmenu">
<ul class="nav nav-tabs nav-stacked">
<li><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Messages</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Messages</a></li>
<li class="ender"><a></a></li>
</ul>
</div>
CSS:
.leftmenu {
margin-left: 0px;
height: 100%;
}
.nav-tabs.nav-stacked {
border-bottom: 0;
height: 100%;
}
.ender {
height: 100%;
}
.ender a {
height: 100%;
}
私が抱えている問題は、ナビゲーションバーが常に画面の下部を通過することです。ページの終わりまで突き出して伸ばしたいと思います。100% にすると過ぎてしまい、60% のようにしても最後までスクロールしなくてもページをスクロールします。トップナビゲーションバーでも動作するサイドナビゲーションバーのセットアップをうまく機能させた人はいますか、それとも私が持っているものを修正するために何ができるか知っていますか?