我创建了一个水平滚动,但我试图控制用户在他们的手机屏幕上滑动时如何滚动。因为当用户用力滑动时,他们仍然会被带到 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>