在 JavaScript 中,使用 [scrollTop](https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollTop) 和 [scrollLeft](https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollLeft) 属性可以获取或设置元素的滚动条位置:设置水平滚动条位置:element.scrollLeft = 100;获取水平滚动条位置:const

JS 滚动条如何设置
在 JavaScript 中,可以使用 [scrollTop](https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollTop) 和 [scrollLeft](https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollLeft) 属性来获取或设置元素的滚动条位置。
水平滚动条
// 设置水平滚动条位置 element.scrollLeft = 100; // 获取水平滚动条位置 const scrollLeft = element.scrollLeft;
垂直滚动条
// 设置垂直滚动条位置 element.scrollTop = 100; // 获取垂直滚动条位置 const scrollTop = element.scrollTop;
注意:
程序采用ASP+ACCESS开发完成。中英繁三语言,所有页面采用UTF-8全球通用编码,兼容简体中文、繁体中文及英语,适用于中小企业网站运用。后台数据同时录入中文及英文,繁体采用JS自动转换,无需维护。免费版主要功能如下:·系统管理:系统综合设置、管理员管理、数据库备份、上传文件管理。·单页管理:自由无限制添加个性页面,如:公司简介、组织结构、联系我们等
-
element必须是一个具有滚动条的可滚动元素,例如、或。- 滚动条位置以像素为单位。
- 如果元素不可滚动(例如
),则这些属性将返回0。示例
以下示例将垂直滚动条设置到文档顶部:
document.body.scrollTop = 0;
以下示例获取水平滚动条位置并将其显示在控制台中:
const scrollLeft = document.body.scrollLeft; console.log(scrollLeft);









