Front/Javascript·Jquery
jquery 스크롤이 있는 영역의 특정한 행으로 스크롤 이동하기, offset안먹힐때 , position
JENN_tech7
2022. 7. 11. 14:01
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