1

我创建了一个水平滚动,但我试图控制用户在他们的手机屏幕上滑动时如何滚动。因为当用户用力滑动时,他们仍然会被带到 B 区,而不是直接到 D 区。因此,如果一个人想要移动到 D 区,他们将不得不在屏幕上滑动 3 次,而不仅仅是一次强大的滑动刷卡。我试过使用 scroll-snap-stop: always; 但这似乎没有帮助

<!DOCTYPE html>
<html>
<head>
<style>
body
{
margin:0;
padding:0;
width:100%;
}

#we
{
scroll-snap-type: x mandatory;
flex-basis: 50%;
scroll-snap-stop: always;
display:flex;
overflow:scroll;
width:100%;
position:absolute;
}

#we section
{
position:relative;
scroll-snap-align: start;
margin-top:100px;
min-width:100%;
height:auto;
display:block;
}
</style>
</head>
 <body>
<div id="we">
<section>A
</section>
<section>B<br>
</section>
<section > C <br>
</section>
<section > D <br>
</section>
</div>
</body>
 </html>
4

1 回答 1

0

请使用scroll-snap-stop: normal以获得您想要的流畅运动并 参考此

于 2020-10-31T16:54:49.537 回答