jQuery Slide向下跳跃效果
FF4 中出现这种奇怪的跳跃效果的原因是什么(请参阅向下滑动最新作业)?
http://jsfiddle.net/ipavelek/2dMNb/2/
Chrome 中一切正常/野生动物园。
笔记: 将 .media
的高度设置为 45px 可以修复此特殊情况,但不能解决问题。
What is causing this strange jumping effect in FF4 (see sliding down latest jobs)?
http://jsfiddle.net/ipavelek/2dMNb/2/
Everyhing works fine in Chrome/Safari.
Note:
Setting height for .media
to 45px fixes this particular case, but doesn't solve the problem.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
我在 Firefox 中使用 jQuery
slideDown
时遇到了类似的问题。我还认为问题在于计算文本尺寸。我将其添加到元素中:如果您的包装 div 具有
overflow:hidden
或overflow:visible
或其他强制元素扩展到整个宽度的内容,则通常不需要它。希望这有帮助。
I had a similar problem with jQuery
slideDown
in Firefox. I also think the issue is with calculating the text dimensions. I added this to element:You would not normally need that if your wrapping div has
overflow:hidden
oroverflow:visible
or something else to force element to expand to whole width.Hope this helps.
我能够通过向 .body 类添加宽度来消除该问题: http://jsfiddle.net/brianflanagan /HBmuv/
不知道为什么会发生这种情况,但我的猜测是 jQuery 正在计算幻灯片动画的高度,然后 FF 才发现 .body 节点将适合 img 锚点旁边。
I was able to eliminate the issue by adding a width to the .body class: http://jsfiddle.net/brianflanagan/HBmuv/
Not sure why it's happening, but my guess is that jQuery is calculating the height for the slide animate before FF has figured out that the .body node will fit next to the img anchor.