jQuery 中 scrollTop;原生的js怎么写

 我来答
zwjtk
2015-05-04 · TA获得超过1741个赞
知道小有建树答主
回答量:300
采纳率:82%
帮助的人:204万
展开全部

你好,我先需要明确一下你是要问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 获取

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

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式