ブログのテーマとは関係ないけど備忘録。 Bootstrap 3を使ってウェブサイトをつくっている。左のメニューバーを固定するaffixが使いたかったけどうまくいかない。Bootstrap 3での説明は日本語では見当たらない。ときて、困っていた。 スクロールしてもずっとついてきてくれるこの赤い囲いところがaffix 基本的には2.1のときと同じ方法で指定すればいいことがわかったので、備忘録的に書いておく。 改変個所 いくつか手直しをしないといけない箇所があった。 オリジナル <script type="text/javascript"> $('#myAffix').affix({ offset: { top: 100 , bottom: function () { return (this.bottom = $('.bs-footer').outerHeight(true)) } } })
![Bootstrap 3でのaffix指定方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/4d6084b62b037b45b63cc18f922f140e7e817b24/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEh8PF49mYlK15rjf1O5Fs-f1e0vLPEdqw1OmJzzORJzKq0Kl59XbNMkCupS4yX71QvYvtgwzmKGjmyoOIOFVj67TzGn9yvFdPu6Pk0mvnaRgO5j1BGRh-J2aUA6VjjW-w56CIbb-8_nbNU%2Fw1200-h630-p-k-no-nu%2Faffix1.jpg)