jquery - jQuery向上/向下滑动：不影响它下面的内容？

Question

所以我有一个默认显示的 div 。我正在使用一个函数来滑动元素，然后更改内容，然后向后滑动以显示新信息。

这一切都很好。

困扰我的是，当 div 为下面的所有内容设置动画时，它会上下跟随它。

基本上，它似乎在隐藏它的“显示：无” - 可以这么说，这意味着它正在被排除在流程之外。我希望它更像“可见性：隐藏”。

...如果这是有道理的（上帝，我希望如此。这是漫长的一周。=P）

Answer 1

移除上述元素时，元素会向上滑动以填充间隙。对于 HTML，重力是向上的，这就是我们向下构建 HTML 的原因（从浏览器顶部向下）。

假设您的对象向上滑动如下：

<div class="SlideUpDiv" style="height:500px; display:block;">Hello!</div>

您需要做的是将该 div 包装在另一个具有相同高度的 div 中：

<div class="slideUpContainer" style="height:500px; display:block;">
  <div class="slideUpDiv" style="height:500px; display:block;">Hello!</div></div>
</div>

这样，当第一个元素压碎时，父​​ div 将保持打开间隙。

Answer 2

我认为最简单的做法是将 Slide 元素放在具有固定高度的 div 中。例如

<div class='wrapper'>
    <div class='slider'>
    <!-- content for slider here -->
    </div> <!-- close slider -->
</div>  <!--close wrapper -->

然后设置然后设置滑块jquery，我假设你已经完成了，不需要看到它。

CSS 看起来像：

div.wrapper {height: 250px; overflow: hidden;}
div.slider {max-height: 250px;}

这样，滑块在固定大小的元素内上下移动，其余元素不受影响。