Bootstrap の固定メニューがイマイチな件
公開日:
:
最終更新日:2013/08/15
WEBDESIGN

Bootstrapの公式ページでは左のメニューがスクロールしてもいつも同じ位置にある。とっても素敵なので真似してみたけど苦労した件。
2.1.1 bootstrap affix というキーワードにたどり着くまでに数分。その後色々試しながら設定したけど、どうにもうまくいきません。やっとの思いでたどり着いたのは
Bootstrapにjkスムーズスクロールをちょい足し
http://n.blueblack.net/articles/2012-09-17_01_bootstrap_jk_smooth_scroll/
このページに記載されている手順で、とりあえず目的は達成できました。感謝感激です。
一応メモしておきます。
<body data-spy=”scroll” data-target=”.bs-docs-sidebar”>
<div class=”span3 bs-docs-sidebar”>
<ul class=”nav nav-tabs nav-stacked bs-docs-sidenav” data-spy=”affix” data-offset-top=”340″>
.bs-docs-sidenav {
width:220px;
}
.bs-docs-sidenav.affix {
top: 20px;
}
と思ったら問題が….
同ページ最下段にも書いてあるように、レスポンシブに対応していません。画面の幅が小さくなると、本文にメニューが重なってしまいます。
とっても残念。何か良い方法がないか検索中ですが見つかりません(T_T)
Amazonタイムセールがお薦めです。激安商品がいっぱい。毎日チェックだ!
Sponsored Link
関連記事
-
-
新しいバージョンのOpenOffice4のエクセル互換性を簡単に確認してみる
Apache OpenOffice 4.0.0 日本語版のダウンロードが始まりました。MS Offi
-
-
3-Axis Brushless Gimbal を適当に測定しながら舐め回す
前回に続き舐めまわす回です。記事に内容は無いので、ハード部分に興味のない方は怒らないようにお願いして
-
-
思わずポチってしまいそうな旅用スライダー中華激安品
山形産米の新品種「山形112号」が美味しいと。地方が生き残るには「お米」は有望ですよね。というわけで
-
-
Color Grading Central Color Finale 買ってみた!
それにしてもα6300ですが、どうも絵が甘い。4K30pでGH4に負けてるような...撮影が下手?
-
-
DYS GM60-80T Brushless Gimbal Motor の取り付け
蒸し暑い〜なんか忙し〜で、気合を入れてブログを書く時間がなかなか取れません。せっかく届いたモーターも
- PREV
- FuelPHPのViewModelで表示用データを加工
- NEXT
- すごい逆張りEAを作ってみる





ご質問は掲示板へお願いいたします。