동시스크롤 스크립트
마스터욱
0
41
0
0
2017-08-28 00:00:51
이건 가로스크롤 소스이다.
세로 스크롤은 scrollWidth -> scrollHeight , this.scrollLeft -> this.scrollTop 으로만 변경하면 끝이다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | //동시스크롤 스크립트 $(document).ready(function(){ var $divs = $('#div1, #div2'); var sync = function(e){ console.log('test'); var $other = $divs.not(this).off('scroll'), other = $other.get(0); var percentage = this.scrollLeft / (this.scrollWidth - this.offsetWidth); other.scrollLeft = percentage * (other.scrollWidth - other.offsetWidth); //setTimeout( function(){ $other.on('scroll', sync ); },10); $other.on('scroll', sync ); } $divs.on( 'scroll', sync); }); | cs |
