*

Bootstrap の固定メニューがイマイチな件

公開日: : 最終更新日:2013/08/15 WEBDESIGN

スクリーンショット 2012-11-21 3.42.59
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


 
 

関連記事

気になる情報・新製品発見メモ

日頃ネットをウロウロしていて記事にするほどでもない情報、記事にするほど内容がわからないものなどをメモ

記事を読む

動画撮影時に使う MatteBox(マットボックス)を検討してみた

雪に反射する日差しが眩しい午後。野外で撮影するときにマットボックスは必需品だと思いました。何しろかっ

記事を読む

Pilotfly & LX100のテスト撮影とフィルターとアルカプレートが!

世界遺産登録を喜べないので、俺が世界遺産になってやるぜ! などと意味不明な事をかんがえながら雨が降る

記事を読む

d LTE運用を目指してドコモモバイルルーターL-09Cをゲット

格安SIMを試すためにドコモ Xi対応モバイルルータ L-09C ホワイトを手に入れました。もちろん

記事を読む

到着!SENNHEISERゼンハイザー MKE600を開封

世間はすっかり連休で道路も超混雑。お天気も順調でブログ書いてるのが虚しくなります。しかし晴れ間を選ん

記事を読む

MASCHINE エフェクトとオートメーションの使い方

適当に音を選んでノリノリで叩きまくっているだけでも楽しい Native Instruments MA

記事を読む

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

Message

メールアドレスが公開されることはありません。

CAPTCHA


Optionally add an image (JPEG only)

Sponsored Link

気になる情報・新製品発見メモ

日頃ネットをウロウロしていて記事にするほどでもない情報、記事にするほど

SONY α6300 ピクチャープロファイルの比較検討(最終)

欲しかった Kontakt 5 - Native Instrument

可変NDフィルターの色かぶりを調整する【追試あり】

しかしセキが止まりませんな。既に二ヶ月近くゴホゴホ。鼻水ずるずる。熱は

SONY α6300 ピクチャープロファイルの比較検討(動画編)

前回の「SONY α6300 ピクチャープロファイルの比較検討」に引き

SONY α6300 ピクチャープロファイルの比較検討

最近はa6300を使う機会が増えています。そうなると6500が気になり

【妄想】片手持ちハンドヘルド 3軸ジンバルスタビライザーの比較

未だに風邪が抜けません。もう一ヶ月以上...どうやら今年の風邪は長引く

→もっと見る




  •  

PAGE TOP ↑