[JS] 클릭시 특정위치로 스크롤(scrollTo)

28 Jun 2019 in JavaScript

자바스크립트 같은 경우에는

//...생략
    <p onclick="ajaxDetail(<%=num%>,<%=i-1%>,this);"></p>
//...생략

function moving(num,k,objt){
    var open = $(objt).offset();
    $('body,html').animate({scrollTop : open.top-190},200);        
}

이렇게 변수 this로 받아와서 objt를 사용한다.

objt의 좌표를 변수로 받아와서 scrollTo를 해준다.

제이쿼리 경우는

jQuery(document).ready(function($) {
	
	$('.lightbox_trigger').click(function(e) {
		e.preventDefault();
		var image_href = $(this).attr("href");
		var open = $(this).offset();

        $('body,html').animate({scrollTop : open.top-900},200);
	});
});

클릭하는 엘리먼트자체를 사용하기 때문에 $(this) 가 된다.