Question

js有什么方法代替scrollTop，实现div 里面滚动。

我遇到一个机顶盒不支持div里面的属性，也就是不识别js里面的scrollLeft，scrollHeight，scrollTop；只识别offsetTop。请问有没有什么方法可以代替scrollTop，实现滚动。

Answer 1

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

1、如果是获取，原生js实现很容易：

1
2
3

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

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

2、如果是设置，原生js也很简单：

1
2

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

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

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

1
2
3
4
5
6
7
8
9
10
11

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 获取

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

Answer 2

可以用 计时器啊 setInterval(funtion(){
var oDiv.style.top=oDiv.offsetTop+20;//向上滚动 改变这里就行
},30)