jquery中滚动条简单代码

$(window).scroll(function() {
    console.log("页面滚动了！");
    // 获取页面垂直滚动位置
    var scrollTop = $(window).scrollTop();
    console.log("当前滚动位置：" + scrollTop);
});

// 假设有一个id为'myDiv'的div元素
$('#myDiv').scrollTop(100); // 将滚动条设置到垂直位置100px

<button id="backToTop">返回顶部</button>
<script>
$(document).ready(function(){
    $('#backToTop').click(function(){
        $('html, body').animate({scrollTop : 0},800); // 平滑滚动回顶部，动画时间为800毫秒
    });
});
</script>

function throttle(func, wait) {
    let timeout = null;
    return function() {
        const context = this;
        const args = arguments;
        if (!timeout) {
            timeout = setTimeout(() => {
                timeout = null;
                func.apply(context, args);
            }, wait);
        }
    };
}

$(window).scroll(throttle(function() {
    console.log("页面滚动了！");
}, 200)); // 每200毫秒最多执行一次