問題タブ [sticky]

スティッキーヘッダーを作成したいと思います。ユーザーが下にスクロールして元のヘッダーが消えるたびに、「スティッキー」ヘッダーが起動するはずです。

私は現在これを使用しています：

ただし、現在のクラスでは、ユーザーがスクロールを実行するたびに「スティッキー」クラスが追加され、元のヘッダーを削除する必要がある場合は追加されません。

よろしく

この問題の解決策をあらゆる場所で検索し、jQuery Way-points のようないくつかのプラグインを使用しようとしても成功しませんでした。ここで誰かがこれに対する解決策を提供できることを願っています。

テキストだけで説明すると少し複雑なので、動作の図を作成しました。

スパムフィルターではまだ投稿と画像が許可されないため、このリンクを参照してください。

すべての要素の高さは、コンテンツに応じて可変です。

1. ページのコンテンツよりもはるかに短いサイドバーを持ち、

2. サイドバー div の下部がビューポートに入ると、

3. 残りのコンテンツは通常どおりスクロールし続けますが、その位置に固定されたままになります。

4. サイドバーがフッターに達するまで、通常どおりフッターとともに上にスクロールします。

ユーザーがページの上部とは反対方向にスクロールすると、これは逆にも機能します。

ページを下にスクロールしてdivを取得しようとしています。それはかなりうまく機能しますが、スクロールしすぎるとdivがページの下部で動かなくなります:

ページを上にスクロールしたときに再び開始する方法についてのアイデアはありますか? 事前に乾杯

絶対配置を使用して、ブラウザ ウィンドウ全体を div で埋めています。ただし、これを、ある場合とない場合があるスティッキー div と組み合わせたくありません。

物事をもう少し明確にするために、この jsFiddle をチェックしてください: http://jsfiddle.net/henrikandersson/aDdRS/

「上」、「左」、「サブヘッダー」を常にその位置に置いておきたい。また、「コンテンツ」divでウィンドウの残りを埋めたいと思います。ただし、「コンテンツ」の前に「アラート」divを表示したい場合があります。jsFiddle でわかるように、これまでのところうまくいっています。しかし、「アラート」を「サブヘッダー」に貼り付けて、スクロールしてもそこにとどまるようにします。ウィンドウのサイズを変更するとわかるように、「アラート」が「コンテンツ」と一緒にスクロールされるようになりました。

これを解決する方法を知っている人はいますか？

編集: jsFiddle を変更し、「アラート」をあるべき場所 (サブヘッダーとコンテンツ領域の間) に配置しました。ご覧のとおり ( http://jsfiddle.net/henrikandersson/aDdRS/12 ) content-area には top:20px があるため、「content-area」は押し下げられません。たとえば、「アラート」の高さを変えることができ、コンテンツエリアに上記のアラートの有無にかかわらず同じcssを持たせたいので、たとえば top:40px を設定することはできません。

編集 #2: この質問は同じ問題を扱っていますが、その質問に対する解決策もありません。JavaScript を使用しないと不可能のようです: 可変高さの兄弟に対して相対的に配置された可変高さのスクロール div

スティッキー フッターに問題があります。まさにこのコードです。

私の例: http://jsfiddle.net/ecyZw/

問題は、フッターが画面の下部にないことです ( http://i39.tinypic.com/akzeva.png )、私の解像度 - 1920x1080 px、しかし! トップバーとヘッダーを削除すると、フッターが一番下になります。

フッターを画面の下部に表示するにはどうすればよいですか?

私の問題を説明するために最善を尽くしますが、ここでコードを見ることができます：

http://jsfiddle.net/xPxhf/3/

ナビゲーションがあります。ユーザーがページの特定のポイントをスクロールすると、その下部が途切れてユーザーのウィンドウの上部にくっつくようになっています。これが機能する方法は、上から14pxを分割し、上にアニメートすることです: 0px。

次に、ユーザーがスクロールして一番上に戻ると、ナビゲーションはアニメーションで元の位置 (top: 78px ) に戻ります。jsfiddle で私の例を見ると、これは初めてで、期待どおりに動作するようです。しかし、もう一度スクロールすると、事態は完全に混乱します。

この機能を正しくするコードの提案はありますか? 数時間かけてさまざまな修正を試みましたが、何もうまくいきませんでした。

position:absolute と bottom:0 を使用して、div がスティッキー フッターのように機能する div を隣り合わせに配置しようとしています。

HTML: ( note that I could have many of these with different id but the same class)

CSS:

jsFiddle: http://jsfiddle.net/ZqaDe/

プレビュー: http://jsfiddle.net/ZqaDe/show

編集: 毎回いくつのdivがあるかわかりません。そこにある div は動的に追加されます。実際のアプリでは、これらの div を削除、移動、または追加できるため、毎回変化し続けます。基本的には、毎回隣り合わせに配置する方法が必要です。

編集 2: すべての div をメインのスティッキー フッター内にラップし、float:left を設定して、それらを隣り合わせに配置することはできないと思います。実際の例では、position:absolute と bottom:0 が動的に設定されます。更新されたフィドル: http://jsfiddle.net/u2nda/

Python (3.2.2) で tkinter を使用する方法を学習したばかりで、グリッド マネージャーの使用に問題があります。たとえば、button.grid(sticky=SE) を配置すると、ボタンは右下に配置されず、スティッキー値を無視して左上に配置されます。ここで何が間違っていますか？私はそれを検索しようとしましたが、私が間違っていることを本当に見つけることができませんでした。

1 つのノードがダウンした場合に、そのノードへのすべてのリクエストが希望するマシンに送信されるように、スティッキーを使用して負荷分散するように apache を構成するにはどうすればよいですか。

例: 3 つのノード A、B、C があります。負荷は jsessionid に基づいて均等に分散されました。C.が下がる。より多くの偶数文字 (0、2、4、6、8) を持つ jsessionid を持つすべてのセッションはマシン B に移動し、より多くの奇数文字 (1、3、5、7、9) を持つ jssessionid を持つすべてのセッションは移動します。両方が等しい場合、セッションは A に移動する必要があります。

グループ化された ICollectionView に WPF ListBox をバインドしています。ListBox はグループ ヘッダーと共に正しく表示されますが、これに追加の動作を追加したいと考えています。

次のグループ ヘッダーが表示されなくなるまで、グループ ヘッダーを一番上に固定したい。これは、ヘッダー「A」、「B」、「C」が、次の文字カテゴリに置き換わるまで先頭に固定される、iPhone の連絡先リストの動作に似ています。

これは人気のある機能だと思いましたが、オンラインでこの例を見つけることができません。