当前位置:  开发笔记 > 前端 > 正文

jQuery slideToggle跳转

如何解决《jQueryslideToggle跳转》经验,为你挑选了3个好方法。

我在网站上使用jQuery slideToggle功能来显示有关某些内容的"更多信息".当我触发幻灯片时,内容会逐渐显示,但位于右侧约100个像素,直到动画结束时突然跳到正确的位置.换句话说,内容在它开始"隐藏"动画之前向右跳跃相同的量,然后逐渐隐藏.

在IE7/8,FF,Chrome上发生.

关于如何解决这个问题的任何想法?

提前致谢.



1> Darren Oster..:

我找到了一个解决方法,但我仍然不确定细节.似乎当jQuery添加'overflow:hidden'样式时,附近浮动元素的效果发生了变化.解决方法是在slideToggle'd div上放置一个永久的'overflow:hidden',还有一个负余量 - 左边来抵消效果.

我很惊讶更改溢出值对布局有这样的影响,但是你有...



2> Jay Corbett..:

这只是在黑暗中拍摄,但如果该函数正在操纵元素的高度css属性,则根据此站点,您必须将填充和显示分开:在您的CSS中没有以防止它跳跃



3> Ben..:

通过添加到切换div解决:

overflow: hidden; position: relative; 

推荐阅读
虎仔球妈_459
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有