一.无动态效果
触发事件时,滚动条立马滚动到相应位置。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>拖动滚动条</title>
</head>
<body>
<!-- d1是外层div,带滚动条 -->
<div id='d1' style='height:200px;width:100px;overflow:scroll;background:blue;'>
<div style='height:500px;width:500px;background:yellow'>2222</div>
</div>
</body>
<script>
document.getElementById('d1').scrollTop=100;//通过scrollTop设置滚动到100位置
document.getElementById('d1').scrollLeft=200;//通过scrollLeft设置滚动到200位置
</script>
</html>
二.有动态效果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Doc