2

私はこのサイトに取り組んでいます: http://waterwing.waterwing.ca/

右上隅のアニメーションは、配置された方法で水平スクロールバーを作成することを除いて完璧です.

絶対に上下 -120px に配置されています。スクロールバーがないように、本体を拡張せず、ページの端に当たると非表示になるようにするにはどうすればよいか疑問に思っています。

スクロールバーは Windows Firefox にはないようですが、Mac Firefox と Safari にはあります。

ありがとう、ウェイド

4

3 に答える 3

6

別の div でラップ#cornerし、アニメーションの終点と絶対位置が占める次元に設定します。この div のオーバーフローを非表示に設定して、ページからはみ出してスクロールをトリガーしないようにします。

于 2009-12-18T02:03:12.413 に答える
2

体につけるだけoverflow: hiddenでも同じように機能し、divを節約できます

于 2011-12-02T15:29:36.947 に答える
-1

状況によっては、div またはページ全体のスクロールバーを取得できます。レスポンシブ Web サイト レイアウトを構築する場合、私は常に次の CSS を記述します。

body {
    overflow-x: hidden;
}

これにより、スクロールバー、クロスブラウザー、クロスデバイスが表示されなくなります。

于 2014-06-21T03:46:02.480 に答える