*

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


 
 

関連記事

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

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

記事を読む

DJI RONIN Mを組み立てる!そして Not DJI Intelligent Battery ! トラブル

体調不良が続いています。イマイチ風邪が抜け切れない(T_T) 天気もいいので早く元気になってテスト撮

記事を読む

映画のような動画を撮影

ある大きな会社の社長さんとお話しました。その方のお話が、わかりやすくて面白くて、無理を言って秘訣を教

記事を読む

SMALLRIG NATOレール(ARRIロゼット付き)とQRチーズハンドルを組み立てた

ガチャガチャ組み立てて見ながら、今後の展開を妄想するという記事です。すっかり機材の選定に悩みまくって

記事を読む

ノイズが消える!!しかも、1クリック!DENOISER II のお試し版で遊ぶ(挫折編)

今月中との噂を聞いた GH4の新ファーム登場にあわせて、密かに GH4 cage でebayあたりを

記事を読む

適応PIDゲインコントロールをオフで自動PID設定

まったくお金にならないデザインと資料作成に追われています。お世話になった人のためなので頑張るしかあり

記事を読む

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

Message

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

CAPTCHA


Optionally add an image (JPEG only)

Sponsored Link

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

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

録音ミニスタジオ完成の図と12色のリモコンLED電球

構想10年・制作3日の自宅音声収録スタジオの完成です。 ご覧の通

録音(撮影)ミニスタジオの制作DIY

そんな訳で吸音スポンジを壁に取り付けてみた続きです。 調子に乗っ

YAMAHA MG10UXミキサー到着

2018年 物置(事務所or作業場or遊び部屋)の一角を音声収録&撮影

そしてzbrush coreをインストールしてみる話

Blenderに挫折してから一気に3Dにのめり込んでいます。 ま

録音環境を改善する!吸音パネルをDIYとか

久々に更新! すっかり更新グセが抜けてしまい、イマイチやる気が出

→もっと見る




  •  

PAGE TOP ↑