gacky's report
(210 keywords)

最新日記

RSS
  • 日記はまだありません

gackyのお気に入り

  • tnantoka tnantoka
  • 里香のブック 里香のブック
  • マインディアからのお知らせ マインディアからのお知らせ
  • tamacyaのブック tamacyaのブック

gacky's reportのメンバー

  • 西小倉パンデイロ 西小倉パンデイロ
  • 里香 里香
  • なおき なおき
  • medicalcloud medicalcloud

スクロールの連動の履歴

2つのスクロールを連動できる

<div class="div1">
piyopiyo<br />
fugafuga<br />
piyopiyo<br />
fugafuga<br />
piyopiyo<br />
fugafuga<br />
piyopiyo<br />
fugafuga<br />
</div>
<div class="div2">
piyopiyo<br />
fugafuga<br />
piyopiyo<br />
fugafuga<br />
piyopiyo<br />
fugafuga<br />
piyopiyo<br />
fugafuga<br />
</div>
.div, .div2 {
background:#fff;
border:solid 1px #000;
width:100px;
max-height:100px;
overflow-y:scroll;
overflow-x:scroll;
}  
$(".div").scroll( function() {
  $('.div2').scrollLeft( $('.div').scrollLeft() );
  $('.div2').scrollTop( $('.div').scrollTop() );
});
$(".div2").scroll( function() {
  $('.div').scrollLeft( $('.div2').scrollLeft() );
  $('.div').scrollTop( $('.div2').scrollTop() );
});