首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jQuery slideToggle跳来跳去

问jQuery slideToggle跳来跳去
EN

Stack Overflow用户
提问于 2008-10-03 10:44:28
回答 18查看 27K关注 0票数 11

我在一个网站上使用jQuery slideToggle函数来显示关于某事的“更多信息”。当我触发幻灯片时,内容逐渐显露出来,但位于右侧大约100个像素,直到动画结束时,它突然跳到正确的位置。反过来,内容在开始“隐藏”动画之前跳跃了相同的量,然后逐渐隐藏。

在IE7/8、FF、Chrome上发生。

我该怎么解决这个问题呢?

提前谢谢。

EN

回答 18

Stack Overflow用户

回答已采纳

发布于 2008-10-04 08:33:44

我已经找到了一种解决方法,但我仍然不确定细节。似乎当jQuery添加了“overflow: had”样式时,附近的浮动元素的效果发生了变化。解决方法是在幻灯片上放置一个永久的“overflow:hidden”切换到div上,还有一个负边距-left来平衡效果。

我很惊讶改变overflow值会对布局产生如此大的影响,但现在你知道了……

票数 35
EN

Stack Overflow用户

发布于 2008-10-03 14:50:02

这只是个小把戏,但是如果函数正在操作元素的height css属性,根据this site,你必须在你的css中分开填充和显示:无,以防止它跳跃。

票数 7
EN

Stack Overflow用户

发布于 2011-09-16 02:54:20

通过添加到切换的div来解决:

代码语言:javascript
复制
overflow: hidden; position: relative; 
票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/166299

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档