我在着陆页中使用Flickity滑块(来自Metafizzy(来显示不同的产品。滑块采用纵向大小,而不是横向。
问题是,当用户仅将滑块的顶部滚动到移动设备上的视口中(即 20-30%(并且他们尝试滚动/滑动幻灯片时,屏幕会突然跳转以尝试将整个滑块包含在视口中。
这永远不会发生在桌面上的移动模拟器上,而只会发生在 safari 和谷歌浏览器上的智能手机设备上
这是否是 Flickity 滑块的特定行为?就像我不应该用它来制作纵向滑块一样?我已经浏览了插件选项,但无法修复此行为。它从未在早期测试中出现过虚拟内容。
我已经提供了一个指向它发生的 github 页面的链接,您可以在移动浏览器中打开它,并在尝试滚动表格时看到视口"跳转"错误。 https://true-digital-channel.github.io/Galaxy11-Preorder/build/mobile.html
通过在轮播选项中设置accessibility: false
来禁用键盘辅助功能。来自 Flickity 问题跟踪器。