关于滚动条的问题

来源:百度知道 编辑:UC知道 时间:2024/05/10 23:35:35
<html>
<head>
<title>Untitled</title>
<style>
#div12 {width:200;height:200;border:solid 0px;overflow-x:hidden;overflow-y:hidden;}
#div21 {width:200;height:200;border:solid 0px;overflow-x:hidden;overflow-y:hidden;}
#div22 {width:200;height:200;border:solid 0px;overflow-x:scroll;overflow-y:scroll;}
</style>
<script language="JavaScript">
var div22;
window.onload = function() {
div22 = document.getElementById('div22');
div22.onscroll = ScolMove;
}

function ScolMove() {
var div12 = document.getElementById('div12');
var div21 = document.getElementById('div21');

div12.scrollLeft = div22.scrollLeft;
//div12.scrollTop = div22.scrolTop;
<

已div22为准

div22.onscroll = ScolMove; ///当div22滚动的时候 执行 ScolMove 函数
div12.scrollLeft = div22.scrollLeft; //div12的左边距=div22的左边距

DIV 名称定义是唯一的

要用的时候只要应用下

左右的控制好的