*

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


 
 

関連記事

一眼動画用に可変NDフィルターを色々物色してみる

ステディカムマーリンの新バージョンが発売されるのをジッと待つ身がつらい。 物欲満載で一眼ムービーに

記事を読む

Apple Motion5 を買ってみたので第一印象を

もたもたしているうちに円安が進行していてアップル製品も値上げされました。このままじゃ再度値上げという

記事を読む

気になるブラシレスジンバルのパーツたち

そういえば、忘れていたGH3のキャッシュバックが未だに届かず。なにかヘマして却下されたのでしょうか?

記事を読む

ペンション・民宿・プチホテル用 宿泊予約 WordPress プラグインを作る(12)空室管理画面 C

空室情報のデータベース処理を一気に終えました。ごちゃごちゃしてきたので、もっとスッキリ書く方法が無い

記事を読む

Motion5 モーション トラッキング マスクで文字を横切る映像

そろそろ試しにカッコイイのを作ってみたいと思い、何かいいのがないかとYoutubeを徘徊していました

記事を読む

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

Message

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

CAPTCHA


Optionally add an image (JPEG only)

Sponsored Link

エレコム GRAPH GEAR NEO カメラバッグDGB-P01BKにジンバルを入れる

やっぱり高いけどEndurance (エンデュランス) カメラバッグの

エレコム GRAPH GEAR NEO カメラバッグDGB-P01BKが北の国から

一年中GWの美少女です。 Lowepro カメラリュック フリッ

MOZA Mini-S スマホ用スタビライザーが届いた!

1万円弱で買えるスマホ用ブラシレスジンバルの新型 MOZA Mini-

GoPro Hero7 Black用 保護ケース アルミ合金保護フレームがいいよって話

別に大した話ではありません。 最近書くことが少ないのでたまには書

期待の新製品 MOZA Mini-S スマホ用スタビライザーが発売されたみたい

教えてもらった新製品のホームページで MOZA Mini-Sが紹介され

→もっと見る




  •  

PAGE TOP ↑