39,087
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html>
<html>
<head>
<style>
div{ float:left;}
</style>
</head>
<body>
<div style="background:#FF0000; height:500px; width:500px; overflow-x:scroll">
<div style="width:1000%; height:100%;">
<div style="height:100%; width:500px; background:#CC33FF">
</div>
<div style="height:100%; width:500px; background:#9F0; overflow-y:scroll">
<div style="width:60%; height:60%; margin:20%;background:#9F0; overflow-x:scroll">
<div style=" width:300%; height:100%;">
<div style="background:#000000; width:33.333%; height:100%;"></div>
<div style="background:#999; width:33.333%; height:100%;"></div>
<div style="background:#FFFFFF; width:33.334%; height:100%;"></div>
</div>
</div>
<div style="width:100%; height:100%; background:#00CCFF;"></div>
<div style="width:100%; height:100%; background:#FF0;"></div>
</div>
<div style="height:100%; width:500px;; background:#00F;">
</div>
<div style="height:100%; width:500px;; background:#000;">
</div>
</div>
</div>
</body>
</html>
JQUERY控制滚动条 平缓滚动