jquery动画网站高度

时间:2014-09-18 10:23:32

标签: javascript jquery html css

早上好,

我正在创建一个网站,其中许多动态内容和一些页面小于屏幕,有些页面比屏幕大(因此它使用溢出来显示滚动条,以便您可以滚动到内容。)< / p>

我正在查看是否可以为屏幕设置动画,以便当内容大于屏幕并且用户向下滚动时查看内容更改时的内容,现在小于屏幕...

目前,当内容减少时,内容会跳到最低点。我想要一个平滑的动画。

示例:

为此,我们假设屏幕高度为768px。

内容大约为1400px,用户已向下滚动页面以查看内容的底部..用户现在点击链接,该内容仅使内容为300px,因此不需要滚动条...屏幕现在&#39; JUMP&#39;回到网站的最高/最低位置....

我希望删除那个&#39; JUMP&#39;并用平滑的向上滚动动画替换它。

我希望这已经解释了这个问题。 期待你的回答。

1 个答案:

答案 0 :(得分:0)

您可以轻松地使用jQuery scrollTop

$('html, body').animate({
    scrollTop: $("#elementToScrollTo").offset().top
}, 500);