https://wiki.nonip.net/index.php?action=history&feed=atom&title=Html%2Fbootstrap%2Fbootstrap3%2F%E5%9B%BA%E5%AE%9A%E3%82%B5%E3%82%A4%E3%83%89%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC
Html/bootstrap/bootstrap3/固定サイドメニュー - 版の履歴
2026-04-30T23:03:52Z
このウィキのこのページに関する変更履歴
MediaWiki 1.45.3
https://wiki.nonip.net/index.php?title=Html/bootstrap/bootstrap3/%E5%9B%BA%E5%AE%9A%E3%82%B5%E3%82%A4%E3%83%89%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC&diff=305&oldid=prev
127.0.0.1: ページの作成:「==ライブラリ名== affixを使っていく ==サンプル== <<nowiki />html> <<nowiki />head> <<nowiki />link href="/twitter_bootstrap3/css/bootstrap.css" rel="st...」
2015-05-19T18:10:07Z
<p>ページの作成:「==ライブラリ名== affixを使っていく ==サンプル== <<nowiki />html> <<nowiki />head> <<nowiki />link href="/twitter_bootstrap3/css/bootstrap.css" rel="st...」</p>
<p><b>新規ページ</b></p><div>==ライブラリ名==<br />
affixを使っていく<br />
<br />
==サンプル==<br />
<<nowiki />html><br />
<<nowiki />head><br />
<<nowiki />link href="/twitter_bootstrap3/css/bootstrap.css" rel="stylesheet"><br />
<<nowiki />script src="https://code.jquery.com/jquery-1.10.2.min.js"></script><br />
<<nowiki />script src="/twitter_bootstrap3/js/bootstrap.min.js"></script><br />
<<nowiki />script type="text/javascript"><br />
$(function(){<br />
$('#sidemenu').affix({<br />
offset: {<br />
top: function () {<br />
return (this.top = $('header').outerHeight(true))<br />
},<br />
bottom: function () {<br />
return (this.bottom = $('footer').outerHeight(true))<br />
}<br />
}<br />
});<br />
});<br />
</script><br />
</head><br />
<<nowiki />body><br />
<<nowiki />header><br />
header<<nowiki />br /><br />
header<<nowiki />br /><br />
header<<nowiki />br /><br />
header<<nowiki />br /><br />
header<<nowiki />br /><br />
</header><br />
<<nowiki />div class="container"><br />
<<nowiki />div class="row"><br />
<<nowiki />div class="col-md-10 column"><br />
<<nowiki />p><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
メインコンテンツ<<nowiki />br /><br />
</p><br />
</div><br />
<<nowiki />div class="col-md-2 column"><br />
<<nowiki />div id="sidemenu" class="nav nav-stacked"><br />
メニュー<<nowiki />br /><br />
メニュー<<nowiki />br /><br />
</div><br />
</div><br />
</div><br />
</div><br />
<<nowiki />footer><br />
footer<<nowiki />br /><br />
footer<<nowiki />br /><br />
</footer><br />
</body><br />
</html><br />
<br />
==不具合あり==<br />
*一度下までおりて、再度upすると、サイドメニューが上部に戻る。（修正版affix:https://github.com/twbs/bootstrap/blob/master/js/affix.js<br />
*サイドメニューが移動が、画面スクロール時に画面上部に移動せずに画面下の同じ場所で固定されてしまう。<br />
<br />
==結局不具合があり使えなかったので代用ライブラリを使いました==<br />
http://hm-solution.jp/web/post3105.html</div>
127.0.0.1