当前位置 : 主页 > 网页制作 > JQuery >

使用jQuery Ui的幻灯片效果时,也可以滑动后续元素

来源:互联网 收集:自由互联 发布时间:2021-06-15
我正在寻找一种方法来切换元素的可见性,方法是将其滑入,同时平滑地推开目标位置中的元素. 到目前为止,我尝试了jQuery和jQuery Ui的幻灯片效果,看起来我需要混合使用这两种效果. 虽然
我正在寻找一种方法来切换元素的可见性,方法是将其滑入,同时平滑地推开目标位置中的元素.

到目前为止,我尝试了jQuery和jQuery Ui的幻灯片效果,看起来我需要混合使用这两种效果.

虽然jQuery的幻灯片延伸了有问题的元素,但我宁愿它像在具有overflow:hidden的容器中一样滑入和滑出(就像jQuery Ui那样).不幸的是,jQuery Ui不会在动画期间重新定位相邻元素,但会在动画结束后跳转到它们的位置.

我创建了一个Fiddle来向你展示我的意思.我的问题是:有没有办法让jQuery Ui中的幻灯片没有随后的元素跳到它的位置,而是顺利地移动到那里?

非常感谢您的建议!

您可以添加包含DIV并设置其高度:

http://jsfiddle.net/Q2dSZ/4/

网友评论