JS与jQuery实现页面加载时滚动条自动滚到底的方法

作者:函数茶馆时间:2026-10-29 04:30:53浏览:135

本文介绍了在页面加载完成后,如何使用JavaScript和jQuery两种方式将滚动条自动滚动至页面底部。通过计算文档高度与窗口高度差,利用scrollTop或scrollTo方法实现自动定位,开发者可根据项目需求选择合适方案。

页面加载滚动条自动滚到底的实现方法

要实现页面加载时滚动条自动滚动到底部,可以参考以下两种实现方式:

使用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);
}

上述两种方法均可实现页面加载时滚动条自动滚动到底部的功能,开发者可根据实际项目需求自由选择。

作者最新文章