实现一个函数 scrollTop(element, value)，获取或设置 DOM 元素的滚动条位置

推荐答案

// www.javascriptcn.com code example
function scrollTop(element, value) {
    if (value === undefined) {
        // 获取滚动条位置
        return element.scrollTop;
    } else {
        // 设置滚动条位置
        element.scrollTop = value;
    }
}

本题详细解读

功能描述

scrollTop 函数用于获取或设置指定 DOM 元素的垂直滚动条位置。当传入 value 参数时，函数会将元素的滚动条位置设置为该值；如果不传入 value 参数，函数将返回当前元素的滚动条位置。

参数说明

• element: 需要操作滚动条位置的 DOM 元素。
• value: 可选参数，表示要设置的滚动条位置。如果未传入该参数，函数将返回当前滚动条位置。

实现细节

1. 获取滚动条位置：当 value 参数为 undefined 时，函数通过 element.scrollTop 获取当前元素的滚动条位置并返回。
2. 设置滚动条位置：当 value 参数传入时，函数将 element.scrollTop 设置为传入的 value，从而改变元素的滚动条位置。

示例用法

// 获取滚动条位置
const currentScrollTop = scrollTop(document.querySelector('.scrollable-element'));

// 设置滚动条位置
scrollTop(document.querySelector('.scrollable-element'), 100);

注意事项

• element 必须是一个可滚动的 DOM 元素，否则 scrollTop 属性可能无效。
• value 参数应为非负整数，表示滚动条距离顶部的像素值。