Question

我的元素位于容器中，位置相对，当我将此元素移出容器的一侧时，它会消失。但是我需要在它离开自己的容器之后显示该元素。那么如何在元素从容器的一侧出来后才能显示该元素呢？

<div class="container">
    <div class="moving-element">
    </div>
</div>


$(element).animate({"top": "-100px"}, speed, easing, func);

Answer 1

使用CSS可以设置该元素的z-index。

z-index: 999;

确保它几乎总是在顶部（除非某些其他元素具有更高的z-index并且重叠）。

修改

实际上，它可能是您的CSS或其他冲突元素，请看一下：

<style type="text/css">
.container {
height: 500px;
width: 500px;
background: red;
}

.moving-element {
position: relative;
height: 250px;
width: 250px;
background: blue;
}
</style>

<div class="container">
    <div class="moving-element">
    </div>
</div>

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(function() {
    $('.moving-element').animate({"top": "-100px"}, 1000);
});
</script>

适合我。

当元素移出其容器时，jQuery animate会在元素下面

1 个答案: