視差のセクションがスクロールしない

Question

私のセクションをスライドしないようにしようとしています私もスクロールしようとしていますが、これは高速クリックと呼ばれていましたが、これを見つけることはできません。スクロールするときも同じ機能を果たします。

example site

body{ 
 
overflow: hidden; 
 
} 
 

 
section { 
 
height: 100vh; 
 
} 
 

 
.section-one{ 
 
background-color: red; 
 
} 
 

 
.section-two{ 
 
background-color: blue; 
 
} 
 

 
.section-three{ 
 
background-color: green; 
 
}

<section class="section-one"> 
 
<h2>ONE</h2> 
 
</section> 
 

 
<section class="section-one"> 
 
<h2>ONE</h2> 
 
</section> 
 

 
<section class="section-two"> 
 
<h2>TWO</h2> 
 
</section> 
 

 
<section class="section-three"> 
 
<h2>THREE</h2> 
 
</section>

Answer 1

あなたがoverflow: hidden;を使用するとブラウザがページをオーバーフロー他の要素があっても、スクロールの動きを無視します。あなたの例のページでは、JavaScriptを使ってスクロールデータを検出していますが、CSSだけでは到達できません。

ここであなたが興味があり、いくつかのポストがあります。

Detect if user is scrolling

Detecting scroll direction