早上好,
我正在创建一个网站,其中许多动态内容和一些页面小于屏幕,有些页面比屏幕大(因此它使用溢出来显示滚动条,以便您可以滚动到内容。)< / p>
我正在查看是否可以为屏幕设置动画,以便当内容大于屏幕并且用户向下滚动时查看内容更改时的内容,现在小于屏幕...
目前,当内容减少时,内容会跳到最低点。我想要一个平滑的动画。
示例:
为此,我们假设屏幕高度为768px。
内容大约为1400px,用户已向下滚动页面以查看内容的底部..用户现在点击链接,该内容仅使内容为300px,因此不需要滚动条...屏幕现在&#39; JUMP&#39;回到网站的最高/最低位置....
我希望删除那个&#39; JUMP&#39;并用平滑的向上滚动动画替换它。
我希望这已经解释了这个问题。 期待你的回答。
答案 0 :(得分:0)
您可以轻松地使用jQuery scrollTop:
$('html, body').animate({
scrollTop: $("#elementToScrollTo").offset().top
}, 500);