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文檔，這里設立一下基本的架構。