slider - 如何阻止轻弹在移动视口中跳跃
问题描述
我在登录页面中使用 Flickity 滑块(来自 Metafizzy)来显示不同的产品。滑块是纵向尺寸而不是横向尺寸。
问题在于,当用户仅将滑块的顶部滚动到移动设备的视口中(即 20-30%)并尝试滚动/滑动幻灯片时,屏幕会突然跳转以尝试将整个滑块包含到视口。
这永远不会在桌面上的移动模拟器上发生,而只会在 safari 和 google chrome 浏览器上的智能手机设备上发生
这是否旨在成为 Flickity 滑块的特定行为?就像我不应该用它来制作肖像滑块?我已经浏览了插件选项,但无法修复此行为。它从未出现在带有虚拟内容的早期测试中。
我已经提供了一个指向它发生的 github 页面的链接,您可以在移动浏览器中打开它,并在尝试滚动表格时看到视口“跳跃”错误。https://true-digital-channel.github.io/Galaxy11-Preorder/build/mobile.html
解决方案
accessibility: false
通过在轮播选项中设置禁用键盘辅助功能。来自 Flickity问题跟踪器。
推荐阅读
- reactjs - Jest 没有在反应项目中运行
- windows - ListView 内文本框中的输入滞后
- nginx - Nginx:在重写中转义非字母数字字符
- python - 两个带有子列表的列表之间的差异,由每个子列表中的第一个元素决定
- oracle - 从更新语句中获取记录数
- c# - 使用 struct uniform 的显式位置时出现重复位置错误
- reactjs - 如何在 catch 语句中得到正确的错误?
- spring-kafka - 使用事务时每个生产者的不同 key.serializer
- kubernetes - 我们可以在 traefik v2 中为中间件设置优先级吗?
- c# - 使用 LinqToSql 将数据从 sql 检索到 datagridview