实现跳转到页面底部,要使用到body的scrollTop属性
先计算页面最底部div距离屏幕顶部的距离,与屏幕的高度相减,最后赋给scrollTop就可以了。
下面是示例代码:
$('body').scrollTop(
$('.bottom').offset().top - $(window).height()
);
如果要实现滚动效果,就要使用jQuery的animate动画方法
$('body').animate({
scrollTop: $('.bottom').offset().top - $(window).height()
}, 500);
页面会在500毫秒内滚动到页面最底部
本文介绍了一种使用body的scrollTop属性实现页面自动滚动至底部的方法。通过计算页面底部元素与屏幕顶部的距离,并减去屏幕高度,然后将结果赋值给scrollTop属性,即可实现页面自动滚动。若想增加滚动动画效果,可以使用jQuery的animate方法。

1万+

被折叠的 条评论
为什么被折叠?



