jQuery Slide向下跳跃效果

发布于 2024-11-02 05:57:42 字数 251 浏览 7 评论 0原文

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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

天涯沦落人 2024-11-09 05:57:42

我在 Firefox 中使用 jQuery slideDown 时遇到了类似的问题。我还认为问题在于计算文本尺寸。我将其添加到元素中:

.element_to_slide {
   width: 100%;
}  

如果您的包装 div 具有 overflow:hiddenoverflow: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:

.element_to_slide {
   width: 100%;
}  

You would not normally need that if your wrapping div has overflow:hidden or overflow:visible or something else to force element to expand to whole width.

Hope this helps.

故事未完 2024-11-09 05:57:42

我能够通过向 .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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文