一部のコンテンツの途中にtwitter-bootstrapナビゲーションバーがあり、スティッキーにしたいです。
スティッキーjqueryプラグイン、githubページを使用しています。
githubページ自体にあるように：
場合によっては、要素が「固定」されているときに、要素に固定幅を設定する必要があります。
私はこれを実験して、次のことを行いました。
- これは、固定幅のない動作しない例です。
- これは、固定幅の実例です。
唯一の違いはここにあります：
width:20px;
問題は、スクロールすると幅が狭くなり、所定の位置に留まるというナビゲーションバーでは機能しないことです。
こちらの例をご覧ください。
ナビゲーションバーの外観に満足しているので、問題を解決する方法について競合することはありません。固定幅を追加すると、twitter-bootstrap機能が壊れますか？
もう一つの問題は、固定幅を追加してもべたつかないことです。
これが私が追加した例です：
#stickynavbar{
width:200px;
}
だから私が持っている質問はどちらかです：
- この特定の問題を解決する方法または
- プロジェクトの初期段階であるため、別のプラグインまたはボックス外のソリューションが同じように役立つ可能性があります。
正しい方向へのポインタが何であれ、この特定の問題を解決するか、まったく異なるアプローチを使用してそれらを回避することができます。