javascript - 如果页面内容改变高度，向上/向下滑动页脚

Question

使用 jQuery，我将如何进行以下操作：

我在页面上有一个 div，里面有内容。但是，此 div 没有设置高度，它会根据用户正在搜索的内容定期更改高度（内容根据输入的内容出现/消失）。

这一切都有效，但是页脚看起来不太好，因为一旦 div 改变高度，它就会跳到该位置。

有什么办法可以让页脚也滑动到它要去的位置吗？而不是跳过去？

我会提供代码，但我不知道该怎么做对不起！

我的猜测：抓住div当前的高度，当它发生变化时，计算差值并向上移动？

Answer 1

如果 css3 是可以接受的并且我理解您的要求正确，您可以添加一个过渡属性，例如

#content {
    transition: height 2s;
    -webkit-transition: height 2s;
    -moz-transition: height 2s;
    -o-transition: height 2s;
    -khtml-transition: height 2s;
    -ms-transition: height 2s;
}

如果不是，您可以像在这个小提琴http://jsfiddle.net/YLKf9/1/中那样使用 jquery