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);
}
上述两种方法均可实现页面加载时滚动条自动滚动到底部的功能,开发者可根据实际项目需求自由选择。
作者最新文章
JS大数值转字符串出现科学计数法怎么办
2026-11-05 17:09:21
JS split切割后出现空字符串怎么过滤
2026-11-05 16:00:30
在 React 或 Vue 项目中封装使用 JS 节流防抖
2026-11-05 15:27:29
JavaScript中怎么将带小数的字符串转为整数?
2026-11-05 14:32:38
怎么用JavaScript策略模式重构电商促销计算逻辑?
2026-11-05 14:01:09
