Cute Happy Ghost
본문 바로가기
Front/Javascript·Jquery

jquery 스크롤이 있는 영역의 특정한 행으로 스크롤 이동하기, offset안먹힐때 , position

by JENN_tech7 2022. 7. 11.
728x90
SMALL

https://wogus789789.tistory.com/307

 

javascript 원하는 지점으로 스크롤 이동, 해당영역으로 스크롤이동

var offset = $('.data').offset(); $('html').animate({scrollTop : offset.top}, 400); 해당 영역의 클랙스명 or id명을 가져와서 적용해주면 된다

wogus789789.tistory.com

 

예전에 이런 글을 올린적이 있었다 

뭔가를 클릭했을때 해당하는 지점으로 스크롤을 이동시키는 것!

 

근데 이제 offset으로도 안 될때가 있다 

html의 전체 body가 아니라 스크롤이 있는 특정 행으로 옮겨졌으면 좋겠는데 offset을 사용하면 절대좌표가 바뀌기 때문에 생각하는대로 먹히지않는다.

그때는 position을 사용하면 된다

 

 

var position = $('.facility ' + sn).position();
 $('div').animate({scrollTop : position.top}, 400);

이런식으로 해주니 위 아래 행으로 잘 옮겨가는 것을 확인할 수 있었다!

 

 

 

 

 

 

728x90
LIST

댓글