Question

我有两个div，每个div垂直占据屏幕的一半。其中一个有一个滚动条。
在每个div上都有航点或者id。
当滚动时，我希望滚动对齐两个div，使相同的id始终彼此相对。

一个例子是这样的 http://jasmine.github.io/edge/introduction.html

Answer 1

我想你在滚动div时想要彼此相邻的两个div，你想要像这样滚动其他div

$( '#dv1' ).on("scroll",function(){
	var t=$(this).scrollTop()
	$("#dv2").scrollTop(t)
	});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div style="width:100%">
  <div id="dv1" style="float:left;max-height:150px;width:45%;border:1px solid red;overflow:auto">1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10</div>
   <div id="dv2" style="float:left;max-height:150px;width:45%;border:1px solid green;overflow:hidden">1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10</div>
</div>

如何通过ID同步两个div的滚动

1 个答案: