스크롤 동기화1

• 

  javascript 2개 div 스크롤 위치 동기화 처리, 동시에 같은 위치로 움직이기 javascript 2개 div 스크롤 위치 동기화 처리, 동시에 같은 위치로 움직이기 2개의 그리드가 있을 때 어떤 그리드에서 스크롤을 움직이든 2개의 그리드의 스크롤 위치를 동기화 하는 방법에 대해 알아보도록 하겠습니다. 스크롤 위치는 돔 요소의 scrollTop 을 변경해주면 됩니다. 간단히 생각해보면 스크롤이 생기는 요소에 scroll 이벤트를 등록하여 다른 요소의 scrollTop 값을 적용해주면 될 것 같습니다. document.getElementById("grid1").addEventListener("scroll", function(){ document.getElementById("grid2").scrollTop = this.scrollTop; }); document.getElementByI.. Programing/JavaScript 2021. 9. 1.