视差部分改变不滚动

时间:2017-10-06 00:27:40

标签: javascript css html5

我试图使我的部分显示不滑动我也试图滚动我听说它被称为快速点击但似乎无法找到这个。滚动时也可以使用相同的功能。

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>

1 个答案:

答案 0 :(得分:1)

使用overflow: hidden;后,浏览器将忽略滚动移动,即使页面上还有其他元素溢出。在您的示例页面中,他们使用JavaScript来检测滚动数据,仅使用CSS无法访问它。

这里有一些您可能感兴趣的帖子:

Detect if user is scrolling

Detecting scroll direction