js跳转/滚动到页面最底部

实现跳转到页面底部,要使用到body的scrollTop属性

先计算页面最底部div距离屏幕顶部的距离,与屏幕的高度相减,最后赋给scrollTop就可以了。

下面是示例代码:

$('body').scrollTop(
    $('.bottom').offset().top - $(window).height()
);

如果要实现滚动效果,就要使用jQuery的animate动画方法

$('body').animate({
    scrollTop: $('.bottom').offset().top - $(window).height()
}, 500);

页面会在500毫秒内滚动到页面最底部

转载于:https://my.oschina.net/xuezhiyuan/blog/749286