私は、CSSの絶対位置/固定位置をWebページの右下に配置し、ページの内容がスクロールしてもそこに留まるようにしようとしています。私はこれを半分達成しましたが、ブラウザのウィンドウが小さければ、ページの高さが高くなりすぎるのを止める必要があります。絶対位置/固定位置：項目のスクロールを防止する
私は描画と私はそれが動作し、PDFファイルとして、以下のリンクでそれらを配置する方法を簡単にノートを作成しました：
誰もが、私を助けてくださいことはできますか？
ゲイリー
私は、それが単なるCSSで可能だとは思いません。 （少なくとも、いくつかの狂ったCSSハックを使わずに）。しかし、可能なはずのjqueryの場合：http://jquery.com/ jQueryのためのいくつかの粘着性/固定位置のプラグインがあります。http://www.orangecoat.com/stickyscroll ですが、どのように問題が解決しているのかわかりません。最悪のケースは、自分でスクリプトを書く必要があることです。私はいくつかのコードを提供することができなかった場合でも、これは少し助けて欲しいと思う。
P.S.これは、ここで基本的に同じ質問です：ビューポートの高さが予め定められた最低限の値よりも大きい場合http://answers.yahoo.com/question/index?qid=20120302190313AAJhUIp
純粋なCSSで行うことができます。私はデモを行います... –
ステファンとŠimeVidas - 本当にこれであなたの助けに感謝します。私は一日のうちに私を怒らせてしまいました！あなたのデモを楽しみにして、ŠimeVidas ... – user1392546
PS - それが助けになる場合は、ロゴの上部がウィンドウの上部から450px以上にならないようにする必要があります。 – user1392546
ので、ロゴはposition: fixedが、のみでなければなりません。あなたはメディアクエリでそれを達成することができます
@media screen and (min-height: 300px) {
#logo {
position: fixed;
/* your other styles */
}
}
ニース。ブラウザの互換性はどうですか？ – Stefan
@Stefan IE8/7を除くすべて。しかし、IEのための[polyfill]（https://github.com/scottjehl/Respond）があります。 –
@ ime Vidas - ありがとうございます。私は一点まで作業しているが、2つの問題がある。まず、IE7/8との互換性が必要ですが、ポリフィルの実装方法がわかりません。私はコーディングの初心者です - あなたのデモにそれを追加することができますか？それで私はそれを行う方法を見ることができますか？第二に、高さが小さいとき、ロゴが絶対位置を取るので、私がスクロールするときにロゴは下に移動しません。これを行うことは可能ですか？ （すなわち、ユーザーが少なくとも上の絶対位置までページを下にスクロールすると、底面に再び固定されるような並べ替えなど）。もう一度ありがとう、ゲーリー。 – user1392546
は、我々はCSSを見ることができます（画像はグレーDIVと衝突するまで、ブラウザのウィンドウの高さを低く）？ –
それは可能です.. –
うわー - それは速かった、ありがとう！ CSSは単にdivを次のように設定します： position：fixed; 左：720px; bottom：0px; – user1392546