代码之家 › 专栏 › 技术社区 › Bojangles Vincent Baillet

带有CSS边框的jQuery向上滑动会导致奇怪的“跳跃”

border animation css jquery

Bojangles Vincent Baillet · 技术社区 · 14 年前

我有很多 li animate() 功能。使用 slideUp() 和 slideDown() S滑动得很好,但是当它们的高度为零时,边界(顶部和底部,1px)仍然存在,然后立即全部消失。我想知道。。。在jQuery中,有没有一种方法可以让边界不被“捕捉”掉,而是像 锂 或 div

我现在的密码是:

.animate({
    height: 'toggle',
    margin: 'toggle',
    padding: 'toggle',
    opacity: 'toggle'
});

我试着用 border 'toggle' . 它可以很好地滑动,但是当向下滑动时,边框会在放松动画结束时重新出现。

1 回复 | 直到 11 年前

John Strickler 14 年前

我知道你在说什么。我以前也这么做过,也有同样的问题。解决方法是在border div内设置包含div的动画,其效果相同。

<!--- Flakey --->
<div class="border slideMe">
   Content here...
</div>

<!--- Correct --->
<div class="border">
   <div class="slideMe">
      Content here...
   </div>
</div>

希望这能帮你省点头疼。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

8 月前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

9 月前

user28928120 · 如何在jquery中选择所有类?

9 月前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

9 月前