gpt4 book ai didi

javascript - 您如何检测移动网络浏览器上由滑动手势引起的滚动已经结束?

转载 作者:行者123 更新时间:2023-11-28 02:36:03 25 4
gpt4 key购买 nike

我有一个用于将在移动浏览器中运行的 Web 应用程序的水平 slider 。我想在滑动手势导致滚动结束时立即应用一些样式。这是我的 html 和 css

.container {
display: flex;
overflow: scroll;
}

.box {
flex-shrink: 0;
width: 25%;
height: 50px;
background: yellow;
}

.box+.box {
margin-left: 15px;
}
<body>
<div class="container">
<div class="box">
</div>
<div class="box">
</div>
<div class="box">
</div>
<div class="box">
</div>
<div class="box">
</div>
<div class="box">
</div>
</div>
</body>

请注意,我对查找用户何时完全滚动元素不感兴趣,我特别感兴趣的是滑动手势何时结束滚动。浏览器没有 scrollStartscrollEnd 事件,只有 scroll 事件,但是 scroll 事件不包含这样的事件信息让我发现之后没有 scroll 事件。

最佳答案

touchstarttouchend 事件可以帮助您做您想做的事。

检查一下:https://developer.mozilla.org/en-US/docs/Web/API/Touch_events

关于javascript - 您如何检测移动网络浏览器上由滑动手势引起的滚动已经结束?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47413804/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com