Javascript(Jquery)

[Javascript] 원하는 위치로 스크롤 자동으로 이동

Jeong Jeon
반응형

간단하지만 또 검색해서 찾기 힘든것들을 지속적으로 올리는중...!

 

본인은 여러개의 아이콘중에 한 아이콘을 클릭했을때, 아이콘들을 수정할 수 있는 팝업창을 띄우고,(그 팝업창에는 아이콘들을 한번에 수정할 수 있다)

해당 아이콘의 수정위치까지 자동으로 스크롤이 내려가도록 설정하였다.

 

해당 코드는 간단하다.

function movePopupScrollByItemIndex(index){
	var offset = $("아이콘").eq(아이콘index).position(); //해당 아이콘의 위치를 찾는다.
	var bodyHeight = $("아이콘List를 감싸는 DIV").outerHeight(); //전체 Div의 높이
	var cardBodyPadding = parseInt($("아이콘List를 감싸는 DIV").css("padding"),10);//정확한 높이측정을 위한 padding값
    $("아이콘List를 감싸는 DIV").animate({scrollTop : offset.top - (bodyHeight + cardBodyPadding-700)}, 500); //500 : 속도
}

 

추가적인 내용이나 부가적인 설명은 다음기회에...!

반응형