如何阻止轻拂在移动视口中跳转



我在着陆页中使用Flickity滑块(来自Metafizzy(来显示不同的产品。滑块采用纵向大小,而不是横向。

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

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

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

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

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

相关内容

  • 没有找到相关文章

最新更新