js 滚动条

作者：√学卟会掩饰发布日期:2026-05-08 浏览:129

// 示例代码：监听滚动条事件并获取滚动位置

// 1. 监听窗口的滚动事件
window.addEventListener('scroll', function() {
    // 2. 获取当前页面的滚动位置
    let scrollTop = window.pageYOffset || document.documentElement.scrollTop;

    // 3. 输出滚动位置到控制台
    console.log('当前滚动位置:', scrollTop);
});

// 解释说明：
// - `window.addEventListener('scroll', ...)`：添加一个事件监听器，当用户滚动页面时触发。
// - `window.pageYOffset` 或 `document.documentElement.scrollTop`：获取页面垂直方向的滚动距离。
// - `console.log(...)`：将滚动位置输出到浏览器的开发者工具控制台中，方便调试和查看。

// 如果需要在特定条件下执行某些操作（例如当滚动到页面底部时），可以在事件处理函数中添加相应的逻辑。

上一篇：js 获取元素的高度

下一篇：js 设置滚动条位置