スクロールバーを削除する負の絶対位置、

Question

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

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

これは絶対に-120px上部と右側に位置しています。私はちょうどそれが身体を拡張しないであろうと何のスクロールバーがないように、それはページの端に当たったら、ちょうど自体を非表示になりますので、私はそれを作ることができるかと思いまして。

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

おかげで、 ウェイド

Answer 1

別のDIV内#cornerをラップし、アニメーションの終点によって占有寸法並びに位置絶対に設定します。ページをオフに出血し、スクロールをトリガするからそれを維持することを隠さに、このdiv要素のオーバーフローを設定します。

Answer 2

また、本体だけでoverflow: hiddenを置くことができ、同じように動作し、あなたのdivを節約できます。

Answer 3

あなたの状況に応じて、しかし、あなたはdivのために、または全体のページのスクロールバーを取得することができます。応答Webサイトのレイアウトを構築するとき、私はいつもこのCSSを記述します：

body {
    overflow-x: hidden;
}

これは、クロスブラウザ、クロスデバイスの出現スクロールバーを防ぎます。