0

これは、私が現在この機能をどのように実装しているかの例です。

例

アイテムが追加または削除されると、コンテンツ div の高さが動的に変化する可能性があるため、それに合わせて移動するにはグラデーションが必要です。これはデスクトップ ブラウザーではうまく機能します...ただし、iPad で表示して下にスクロールすると (ボディ全体を上に移動すると)、position:fixed のグラデーション div が原因で奇妙に見えます。これは、コンテンツ div がビューポートより小さい場合にのみ問題になることに注意してください。コンテンツ div がビューポートよりも大きい場合、グラデーションがビューの外に押し出され、うまく機能します。

iPad がそのように体を動かさないようにする方法はありますか、または position:fixed を使用せずにこの機能を実装するより良い方法はありますか?

ありがとう！

4

2 に答える 2

0

iPadで何が悪いのか、もう少し説明していただけますか。私にはありません。また、私は位置を削除しました：固定; クロームでは機能は変わりませんでした。静的な位置と相対的な位置は同じです。

于 2012-06-27T17:39:19.037 に答える
0

グラデーション div を放棄し、代わりに次のプロパティを持つグラデーションの背景画像を含むコンテンツ div に min-height を設定しました。

#content {
    min-height: 200px;
    background-color: white;
    background-image: url(../Images/content-background.png);
    background-position: center bottom;
    background-repeat: repeat-x;
}
于 2012-06-27T17:45:50.943 に答える