[jQuery] 특정 Scroll 위치로 이동시키기

 

현재 화면 구성임..

내가 원하고자 하는건

   Detail화면(오른쪽화면)에서 보고 있는 item을

   목록화면(왼쪽 스크롤)에서 해당 item 스크롤 위치로 이동시키고,

   하이라이트 시키는 것임.

 

이번 포스트는

  “목록화면(왼쪽 스크롤)에서 해당 스크롤 위치로 이동시키고,”

   가 되겠음.

 

*Scroll-panel을 만드는 법은,

   해당되는 div영역에 height를 고정시키고 overflow:auto를 해주면 됨.

 

<div id=”ScrollPanel” 
   style=”height:700px;overflow:auto”>
  <div id=”item1”>
    …
  </div>
  …
</div>

 

 

 

$('#ScrollPanel').animate({//Scroll된 Target
    //위치값 가져올 Target
    scrollTop:$(‘#item1’).offset().top
}, 500);