私はこれを持っていますJSFIDDLE私の画像に視差効果があります。 問題は、結果に2つのスクロールバーがあることです。 すべてのコンテンツに対して1つのスクロールバーのみを使用できますか？ダブルスクロールバー
HTML：
<div id="intro">
<p>Sed uelit, sed quia...</p>
</div>
<div id="text">
<h1>Hello</h1>
</div>
<div id="wrapper">
<section id="frame1">
<div class="back">
</div>
</section>
<section id="frame7">
<div class="back">
</div>
</section>
</div>
二スクロールバーが#wrapperであるため、デフォルトのボックスモデルの挙動をアップ表示され、それが3px境界線です。これに対処するには、box-sizing:border-box;に#wrapperを割り当て、境界線を#wrapperに制限します。 https://jsfiddle.net/qrsotzpr/9/
それは動作しません：/ – user3870112
@ user3870112フィドルがあなたのために働かないのですか？私はただ1つのスクロールバーを見ています。 –
はい、ページの下部にスクロールすると、2つのスクロールバーが表示されます – user3870112
あなたはbodyにoverflow: hidden;を使用することができ、実際の例：
overflowプロパティは、そのブロックレベル コンテナをオーバーフローしたときに、コンテンツをクリップ スクロールバーをレンダリングするか、単にコンテンツを表示するかどうかを指定するhttps://jsfiddle.net/k5zwqvjd/
。
hereを読むことができます。
body {
overflow: hidden;
margin: 0;
}
はい、他のdivと視差効果はどこにありますか？ – user3870112
@ user3870112コメントをいただきありがとうございます。私は自分の答えを編集しました。オーバーフローを適用してください：身体に隠れていますので、あなたの問題が解決すれば教えてください。ありがとう！ – GibboK
問題は、私はボディオーバーフローが必要です：/ – user3870112
あなたはオーバーフロー使用することができます隠されました。 #wrapper
#wrapper {
transform-style: preserve-3d;
height: 100%;
perspective: 1px;
overflow: hidden;
border:3px solid cyan;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
に私は、このソリューションを試してみましたが、私のdiv idが= "text" は固定されません。https://jsfiddle.net/qrsotzpr/12/ – user3870112