問題タブ [affix]

トップナビゲーションを固定して、Twitterの接辞を使用したいと思います。

そしてその下に私はdivを持っています：

私の目標は、マークされたナビゲーション内の正しい要素（class = active）を取得し、クリックしたときに正しいdivまでスクロールすることです。

私はほぼすべてが機能しています： http://firestream.net/2013/index.php?go=stats

私が抱えている2つの問題は次のとおりです。

1) 下にスクロールすると、サイド ナビゲーション リストが現在の位置ではなく、画面の一番上に表示されるようにしたい 2) 下にスクロールすると、ナビゲーション リストの幅が狭くなる

どんな助けやアドバイスも素晴らしいでしょう！

貼り付け機能を使って画面上部にヘッダーを付けたいのですが、ページの一部にしか付けられません。ユーザーが特定のポイントを超えてスクロールすると、分離する必要があります (コンテンツとともに上にスクロールします)。

このjsfiddleのスクリプトを使用しています。

私が今しようとしているのはこれです：

クラスは次の.detachedようになります。

これを機能させることはできません。助言がありますか？

問題を説明するのはかなり難しいです。このjsFiddleを見てください：

http://jsfiddle.net/xE2m7/

ナビゲーションバーが上部に固定されると、コンテンツはその下にジャンプします。

CSS:

問題はどこだ？

ウィンドウがスクロールして見えなくなるときに、ウィンドウの下部にdivを修正するにはどうすればよいか疑問に思いました。ツイッターのブートストラップでそれができることは知っていますが、ライブラリは使いたくありません。

これまでのところ、うまくいくと思ったjQueryがいくつかあります。

.fixedクラスは単なるposition:fixed; bottom:0;。です。

これに伴う問題は、フォームがスクロールオフしてそれ自体を修正すると、フォームが表示されなくなり、テキストスクロールでそれ自体が修正解除され、再び修正されて、ちらつきが発生することです。

誰かがこれまたは代替の解決策を修正する方法について提案があるかどうか疑問に思っていましたか？

ありがとう！

私はドキュメンテーションを読みましたが、例に示されていることを正確に行っているように感じます。しかし、試してみると、これを機能させることができません。ドキュメントと同様の方法で動作させたいと思います。position:fixedヘッダーを越えてスクロールした後になり、フッターに触れると下position:absoluteにくっつきます。

デモ: http://jsfiddle.net/uvnGP/1/

JS

SASS

私が今抱えている問題は、twitterのブートストラップの接辞とcssのオーバーフローに関係しています。

詳細

41ピクセルのブートストラップナビゲーションバーを上下に固定しています（ヘッダー/フッターに使用）。

div.container-fluidメインコンテンツ本体として使用されます。position: absoluteヘッダーとフッターの間に配置するために使用しoverflow-y: scroll、オーバーフローしたコンテンツをスクロールする必要があります。

div.side-barページの左側のサイドナビゲーションとして使用され、にネストされますdiv.span3。jqueryを使用して、サイドナビゲーションの接辞を呼び出します。

問題

に追加overflow-y: scrollするとdiv.container-fluid、正しい場所にスクロールが表示されます...しかし、接辞は適用されません（アクションに基づく）

しかし、overflow-y: scroll完全に削除すると、スクロールバーは（だけでなく）ページ全体に広がりますdiv.container-fluidが、接辞は適用されます。

オーバーフロー-yがあるものとオーバーフロー-yがないものへの2つのリンクがあります

接辞効果なし http://jsfiddle.net/VincentWilkie/YRxkU/

スクロール不良の接辞効果 http://jsfiddle.net/VincentWilkie/cKJV2/

スクロールバーがヘッダーとフッターに伸びないようにするために必要です:(

助けてくれてありがとう！

ヴィンセントウィルキー

ブートストラップ接辞プラグインを使用して、コンテンツを含む右隅のdivをスライドさせています。ウィンドウの上部に別のセクションがあり、展開して別のセクションを開いて詳細を表示します。問題は、詳細セクションのdivが展開されるときに、添付されたdivのオフセットを更新する必要があることです。私はこのようなことをしました

開発者ツールからオフセットが更新されることを確認しましたが、貼り付けられた要素の動作は同じままです（同じ上部の位置に貼り付けられたままです）。オフセットトップ値を動的に更新するために他に何をする必要がありますか。

開発の初期段階にあるブートストラップをテーマにした Web サイトを持っていますが、粘着性のあるナビゲーション バーから奇妙な動作が発生しています。Chrome で途中まで下にスクロールした後 (および Firefox で最初にスクロールするとき)、ナビゲーション バーが幅の半分に縮小します。誰かがこれの原因を考えることができますか?

この動作のデモは、http://studiomimo.comで見ることができます。

ありがとう！

Bootstrap Affix 機能の使用方法がわかりません。

http://jsfiddle.net/GUbgF/1/

Affix が .affix クラスをナビゲーション バーに追加するとすぐに、メイン コンテンツ ブロックが移動し、ナビゲーション バーがオーバーレイされます。

HTML

CSS

}