Html/bootstrap/bootstrap3/固定サイドメニューのソースを表示

==ライブラリ名==
affixを使っていく

==サンプル==
 <<nowiki />html>
 <<nowiki />head>
 <<nowiki />link href="/twitter_bootstrap3/css/bootstrap.css" rel="stylesheet">
 <<nowiki />script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
 <<nowiki />script src="/twitter_bootstrap3/js/bootstrap.min.js"></script>
 <<nowiki />script type="text/javascript">
 $(function(){
 $('#sidemenu').affix({
  offset: {
    top: function () {
      return (this.top = $('header').outerHeight(true))
    },
    bottom: function () {
      return (this.bottom = $('footer').outerHeight(true))
    }
  }
 });
 });
 </script>
 </head>
 <<nowiki />body>
 <<nowiki />header>
 header<<nowiki />br />
 header<<nowiki />br />
 header<<nowiki />br />
 header<<nowiki />br />
 header<<nowiki />br />
 </header>
 <<nowiki />div class="container">
    <<nowiki />div class="row">
        <<nowiki />div class="col-md-10 column">
            <<nowiki />p>
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
                メインコンテンツ<<nowiki />br />
            </p>
        </div>
        <<nowiki />div class="col-md-2 column">
            <<nowiki />div id="sidemenu" class="nav nav-stacked">
                メニュー<<nowiki />br />
                メニュー<<nowiki />br />
            </div>
        </div>
    </div>
 </div>
 <<nowiki />footer>
 footer<<nowiki />br />
 footer<<nowiki />br />
 </footer>
 </body>
 </html>

==不具合あり==
*一度下までおりて、再度upすると、サイドメニューが上部に戻る。（修正版affix:https://github.com/twbs/bootstrap/blob/master/js/affix.js
*サイドメニューが移動が、画面スクロール時に画面上部に移動せずに画面下の同じ場所で固定されてしまう。

==結局不具合があり使えなかったので代用ライブラリを使いました==
http://hm-solution.jp/web/post3105.html