2

私のウェブサイトhttp://dekomkommertijd.nlには、CSS アニメーション (動く) div で作成した動く雲のバナーがあります。それらは左に入り、右側で画面を離れると、水平スクロールバーが作成されます。コンテンツ div (キャンバス - 幅 960px) 内のコンテンツを除いて、スクロールバーが必要ないことを除いて、すべてが思い通りに機能します。外側にはすべて水平スクロールバーを表示せず、画面から離れる必要があります。

私が見つけたいくつかの方法を試しました (主に静的 div 用) が、移動 div では機能しません。

誰もこれを修正する方法を知っていますか?

ありがとう。リック

4

2 に答える 2

1

あなたが説明した方法は、クラウドやその他のコンテンツをさまざまな方法でオーバーフローさせたいと考えていることを示唆しています。オーバーフローは親によって決定されるため、オーバーフローを別の方法で処理するには、クラウド用とコンテンツ用の 2 つの親が必要です。

この方法を選択した場合、クラウドの親を絶対配置に設定すると、通常のドキュメント フローから除外されるため、残りのコンテンツに干渉しません。また、オーバーフローを設定すると、希望どおりに動作します。

width: 100%; /* Spans the whole document */
overflow-x: hidden; /* Hides overflow instead of displaying it */
position: absolute;
top: 0; left: 0;

別の解決策は、クラウドと他のコンテンツのオーバーフローを同じように処理することです。このようにすると、body などの相互の親要素で非表示になるように設定できます。

この 2 番目の解決策は、1. 単純であり、2. 雲があふれる以外に何もない可能性が低いため、より理にかなっています。

于 2013-01-15T11:49:36.210 に答える
0

overflow-y: hidden次のコードから削除します。

html {
    overflow-y: scroll; /* Remove This Line */
    -webkit-font-smoothing: antialiased;
}

ボディに次のスタイルを適用します。

body {
    overflow-y: auto;
    overflow-x: hidden;
}

うまくいけば、うまくいくでしょう。

于 2013-01-15T12:04:30.320 に答える