jQuery 中 scrollTop;原生的js怎么写

2025-02-24 07:58:32
推荐回答(1个)
回答1:

你好,我先需要明确一下你是要问jQuery中scrollTop获取滚动条距顶端的距离,还是要使用scrollTop来设置滚动条距顶端的距离,或者说需要二者兼备。


1、如果是获取,原生js实现很容易:

var div = document.getElementById('wgt-ask'),
    scrollTop = div.scrollTop;
console.log(scrollTop); // 100

前提是div已经具备滚动条,不然使用为0


2、如果是设置,原生js也很简单:

var div = document.getElementById('wgt-ask');
div.scrollTop = 100;

依然前提是div已经具备滚动条,否则设置无效


3、如果是二者兼备,这里就要简单的封装一下了:

function scrollTop(obj, len){
    if (typeof len === 'undefined') {
        return obj.scrollTop;
    } else {
        obj.scrollTop = len;
    }
}

var div = document.getElementById("wgt-user");
scrollTop(div, 100); // 设置
var st = scrollTop(div); // 100 获取

希望是你想要的结果,如有疑问欢迎追问,望采纳~