Question

我有jQuery动画问题......

我有一个页脚，上面有一个隐藏的div。当有人点击标题附近的按钮时，div应该为UP设置动画。有点像向上滑动，就像你从抽屉里拉出manila folder一样。（不是正常的滑动，div的底部向上滑动到顶部。）

我发现这段代码是我想要的，然而，它正在移动基线（页脚）。

.featureBox{width:182px;
    height:150px;
    position:relative;
    border:1px solid red;
}

$('.featureBox').hover(function()  {
    $(this).animate({top:'-320px', height:'540px'},"slow");
},
function() {
    $(this).animate({top:'0px', height:'150px'},"slow");
})

当鼠标悬停在红色div框上时，你会看到它下面的div向下推。我如何让它只是动画或长大？（他 - 他。抱歉。只是想到妈妈对我大吼大叫）。

Answer 1

Here是一个按照我想要的方式工作的页面。我认为主要的问题是扩展div需要在一个有高度的div中。 Here是一个页面，其展开的div在其扩展时会覆盖其他内容。

查看Wordpress Sexybookmarks plugin的代码，以获得此类技巧的一个很好的例子。

Answer 2

我猜你的修复是以下两件事之一：

更改位置：相对于位置：绝对
你不想实际移动.featureBox而是.featureBox内的另一个元素（可能是DIV）

jQuery：动画难题

2 个答案: