js实现滚动条效果

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

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

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

Ⅱ jq/js怎么实现 滚动条滚动时缓慢的滑动,不是返回顶部,是整个页面实时

var timer; $(function(){ //滚动条滚动触发 $(window).scroll(function(){ clearInterval(timer); var topScroll=getScroll(); var topDiv="100px"; var top=topScroll+parseInt(topDiv); timer=setInterval(function(){ //动画移动 $(".test")...

Ⅲ 如何使用JS控制DIV内容的滚动条

1、首先需要抄新建一个HTML文档，这里设立一下基本的架构。