服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - JS JQUERY实现滚动条自动滚到底的方法

JS JQUERY实现滚动条自动滚到底的方法

2021-06-26 17:22junjie JavaScript

这篇文章主要介绍了JS JQUERY实现滚动条自动滚到底的方法,需要的朋友可以参考下

设置页面加载时滚动条自动滚到底的方法:

jQuery:

 

复制代码 代码如下:

$(function(){
  var h = $(document).height()-$(window).height();
  $(document).scrollTop(h);
});

 

JavaScript:

 

复制代码 代码如下:

window.onload = function(){
  var h = document.documentElement.scrollHeight || document.body.scrollHeight;
  window.scrollTo(h,h);
}

 

以上2种方法均可以实现页面加载时滚动条自动滚动到底,小伙伴们根据自己的实际需求,自由选择吧

延伸 · 阅读

精彩推荐