問題タブ [sticky-footer]

ブラウザ ウィンドウの下部に常に表示されるフッターを必要とするサイトを構築しています。

ただし、これはユーザーが 200 ピクセル下にスクロールした場合にのみ表示されます。次に、所定の位置にスクロールする必要があります (フッターがコンテンツの 200 ピクセルのビュー外に添付されているが、ブラウザー ウィンドウに添付されているかのように)。

ユーザーが上にスクロールしたらすぐに、これを再び非表示にする必要があります。

これはどのように行うことができますか？

重複の可能性：
CSSスティッキーフッター

CSSスティッキーフッターを実装しようとしていますが、何らかの理由で、フッターと次のページの下部の間にマージンがあります。

http://berrisford.gumpshen.com/

ここでも同じことが起こります。

http://berrisford.gumpshen.com/jobs/executive/senior-executive/

どんな助けでも本当にありがたいです

smiths-heimann.azは私のウェブサイトです。http://www.cssstickyfooter.com/からすべての手順を試しましたが、機能しません（http://smiths-heimann.az/?page=3が機能しないことを証明します）。ページの下部にスティックフッターを作成し、2つのdivの間の空の行を削除するのを手伝ってくださいhttp://prntscr.com/2e2fpThx 事前に

ここでプレゼンテーション用のプロトタイプを作成しようとしています。

私はそれが次のように機能することを望みます:

• ビューポートの高さが 900px 未満の場合、固定位置のフッターがページのベースに添付されます。

  • ページのスクロール位置が特定のしきい値を超えると、このフッターは非表示になります

• ビューポートが 900px より大きい場合、これは通常のページと同じように動作します... フッターはコンテンツの後に表示されます。

背景画像でこれをプロトタイプしています。私は基本的に、iOS の連絡先アプリに表示されていることを実行しようとしています (表示している文字は、スクロールして上に移動するまで固執します)。ブラウザでこれを行った人はいますか？

メディア クエリを使用してビューポート サイズに基づいてスティッキー フッターを表示/非表示にすることはできますが、スクロール位置で同じことを行う方法がわかりません。

cssstickyfooter.comに示されているように、CSS Sticky Footer メソッドを実装しようとしています。（ Ryan Faitのソリューションも試しましたが、役に立ちませんでした）。

私はすべてをフォローしました、または少なくとも私は持っていると思います. コンテナーdiv(ラップと呼ばれます)、ロゴ バー (ヘッダーと呼ばれます)、ページdiv(メインと呼ばれます)、そしてフッターがあります。

ここに問題があります。overflow:autoオンにすると、非常に短くdivスクロールバーが表示されます（厄介です）。しかし、コメントアウトすると、すべてのコンテンツが表示されますが、ページはコメントアウトされていないdiv場合と同じサイズであると認識しています。overflow:auto

それ以外の場合は、正常に機能します。フッターは下部にとどまり、サイズを変更すると、短いページ/メインで停止しますdiv。コンテンツの最後まで表示する方法はありますか? div含まれている のサイズに基づいてサイズを変更する必要があるため、ページ/メインに固定の高さを使用できないことに注意してくださいdiv(その時点で表示されているもの)。

フッターが問題の原因である場合とそうでない場合があります。

HTML:

CSS:

CSSの配置ガイドラインに頭を悩ませようとしています。粘着性のあるフッターを作成する方法を見つけようとしていますが、メイン コンテンツ領域が圧縮できなくなったときに粘着性を停止します。私が話していることの例は、ここhttp://ryanfait.com/sticky-footer/にあります。なぜフッターが固定されなくなったのか、特にどの CSS プロパティが原因なのか説明してもらえますか? 私の場合、CSS を見ると、フッターは常にブラウザー ウィンドウの下部に固定されているように見えますが、ここではそうではありません。なんで？

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

次の CSS を使用して、要素がブラウザーの下部に固定されている Web サイトで効果を作成しようとしています。

私がやりたいのは、このhttp://vertstudios.com/blog/demo/stickyscroller/demo.phpのようなものを使用して、アイテムが特定のポイントを超えて上にスクロールするのを止めることです。サイトの上部にロゴを絶対配置して配置していますが、ブラウザの高さが十分でない場合に固定アイテムが重ならないようにします。そのため、上部の約 800px のバッファーを超えてスクロールできないようにしようとしていますが、ページの下部に固定されたままです。

この Web ページにはスティッキー フッターがあり、ズームインしすぎると、フッターとそのコンテンツが上記のコンテンツに重なってしまいます。どうすればそれを防ぐことができますか? ここにリンクがあります：

http://www.hitone101.com/

ここにhtmlがあります

CSSは次のとおりです。

基本的に、ブラウザでズームイン/ズームアウトすると、スティッキーフッターがトップコンテンツに重なってしまいます。なぜ、どうすればそれを止めることができますか?

作業環境のコードは次のとおりです。

http://jsfiddle.net/9X753/

音楽サイトで問題なく機能しているスティッキー フッターがありますが、アルバム数が最も多いジャンルをクリックすると、ページが長くならず、重なり合っています。これにより、フッターの画像の一部が背後にあるため、リンクが読めなくなります。

これはスティッキーフッターの私のコードです