【问题标题】:jssor slider weird image size behaviour and white spacing with chromejssor滑块奇怪的图像大小行为和带有chrome的白色间距
【发布时间】:2025-12-14 09:10:01
【问题描述】:

我的 jssor 滑块似乎有一个错误 - 目前似乎仅限于 chrome。

我的第一个问题类似于 - Jssor slider - image shake bug - 每次播放过渡动画之前图像都会缩小,并在过渡动画结束后立即展开。我已经看到它发生在 chrome 和 firefox 上,但有趣的是它不会发生在 IE10 上。找出问题的人是否会更深入地解释必须更改哪些内容才能解决此问题?

我的另一个问题非常大,因为它通过用大空白隐藏我的页面内容来完全破坏网站。碰巧我为滑块显示了 21 张图像,并且在 chrome 中,每次播放过渡动画时,我都会得到滑块的整个高度(即滑块旁边的所有内容,想象一下网站,当前文本元素旁边的橙色右侧元素)变为白色,直到动画结束才显示。我试图看看这是否发生在任何其他浏览器上,但它现在似乎只是 chrome。

现在,当我将页面向下滚动到某个位置(它总是在这个位置)时,会发生更奇怪的行为,除了滑块之外,整个屏幕都变白了。当我稍微向下滚动页面时,页面内容就会返回!我试过查看开发人员工具,我看到我的所有内容都在那里,因为当我将鼠标悬停在它们上面时,我可以选择元素及其位置。

我不知道为什么会发生这种情况,甚至开始搜索可能导致这种情况的原因。

【问题讨论】:

  • 能否通过 jsfiddle 或 codepen 分享您的代码。
  • 我在这里添加了图片来显示问题 - imgur.com/a/Ohzd2#0

标签: html css google-chrome jssor


【解决方案1】:

请将 $HWA 选项设置为 false 以禁用硬件加速并进行测试。它很少发生在只有 chrome 的大页面中。

【讨论】:

  • 啊,我明白了,禁用它已经消除了白盒问题以及图像大小调整问题。但是删除它会大大减慢幻灯片的渲染速度。感谢您的提示,但我想知道,这是要修复还是 chrome 问题?
  • 它只发生在 chrome 上。我会寻找更好的解决方案。