반응형
간단하지만 또 검색해서 찾기 힘든것들을 지속적으로 올리는중...!
본인은 여러개의 아이콘중에 한 아이콘을 클릭했을때, 아이콘들을 수정할 수 있는 팝업창을 띄우고,(그 팝업창에는 아이콘들을 한번에 수정할 수 있다)
해당 아이콘의 수정위치까지 자동으로 스크롤이 내려가도록 설정하였다.
해당 코드는 간단하다.
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 : 속도
}
추가적인 내용이나 부가적인 설명은 다음기회에...!
반응형
'Javascript(Jquery)' 카테고리의 다른 글
[Javascript] List<Obj> Object 안의 Key 기준 중복제거 Function (0) | 2021.05.25 |
---|---|
[Javascript] 객체 배열 중복 제거 방법 (0) | 2021.05.24 |
[Javascript] 파일업로드 이미지, 비디오 파일 Validation (0) | 2021.04.09 |
[Javascript] 스크롤을 따라다니는 박스 만들기 (0) | 2021.04.05 |
[Javascript] Javascript Object객체 순서 정렬 (0) | 2021.02.05 |