jquery - Chrome 无法处理大屏幕尺寸的动画

标签 jquery html css google-chrome animation

这是正在发生的一件非常奇怪的事情,我想知道是否有人可以对为什么会发生这种情况发表一些见解。

我的网站是http://bmgzstrategies.com/

重现步骤:

  • 转到第 4 部分,案例研究 ( http://bmgzstrategies.com/#5 )
  • 点击缩略图
  • 如果您的屏幕尺寸小于大约 1450px,一个窗口应该从屏幕右侧加载 三个副本部分应按顺序加载。
  • 现在,如果你增加 您的屏幕尺寸大于 1450 像素宽,然后单击 缩略图,动画变得完全 splinter 和断断续续 突然,最终状态就在你面前。

我未能在 Safari(因此它可能不是 webkit 问题)、Mozilla 或 Internet Explorer 中重现此错误。

如果有人有任何见解,我很想听听任何意见!

最佳答案

无论出于何种原因,这都是我使用的 CSS 库的分层问题。动画将运行,并且在大屏幕尺寸上,受影响的 div 的 z-index 将被重置。通过修复闪烁的 div 的 z-index,我能够消除该行为。

关于jquery - Chrome 无法处理大屏幕尺寸的动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25951036/

相关文章:

jquery - jquery Selectbox获取所有选项值

javascript - 使用同一按钮上传多张图像

html - Internet Explorer 7 CSS 问题

javascript - 使用显示 :inline for centered menus vs display:block

javascript - Ruby on Rails jQuery 与 tokenInput gem 相关的问题

javascript - 按钮点击警报未触发

javascript - 执行前拦截jQuery.ajax的 'success'回调函数

javascript - 调整圆圈大小 - bug 在哪里?

php - 使用 jquery 突出显示弹出部分

CSS 动画 : Fading images into one another and animating the image and moving it's direction