本文介绍了如何使用JavaScript来创建动态拖动滚动条的效果，包括无动态效果的基础实现和有动态效果的进阶技巧。
一.无动态效果
触发事件时，滚动条立马滚动到相应位置。
<!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
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
