首页 > 解决方案 > 如何阻止轻弹在移动视口中跳跃

问题描述

我在登录页面中使用 Flickity 滑块(来自 Metafizzy)来显示不同的产品。滑块是纵向尺寸而不是横向尺寸。

问题在于,当用户仅将滑块的顶部滚动到移动设备的视口中(即 20-30%)并尝试滚动/滑动幻灯片时,屏幕会突然跳转以尝试将整个滑块包含到视口。

这永远不会在桌面上的移动模拟器上发生,而只会在 safari 和 google chrome 浏览器上的智能手机设备上发生

这是否旨在成为 Flickity 滑块的特定行为?就像我不应该用它来制作肖像滑块?我已经浏览了插件选项,但无法修复此行为。它从未出现在带有虚拟内容的早期测试中。

我已经提供了一个指向它发生的 github 页面的链接,您可以在移动浏览器中打开它,并在尝试滚动表格时看到视口“跳跃”错误。https://true-digital-channel.github.io/Galaxy11-Preorder/build/mobile.html

标签: sliderflickity

解决方案


accessibility: false通过在轮播选项中设置禁用键盘辅助功能。来自 Flickity问题跟踪器


推荐阅读