[jQuery] sticky 메뉴를 위한 컨텐츠 높이값 구하기

slowlyseo·2022년 12월 16일

jQuery

목록 보기
3/4
post-thumbnail

css의 sticky 속성은 fixed와 다르게 높이값(=height)이 필요합니다.

따라서 컨텐츠의 옆에 붙어 따라다니는 메뉴를 구현할 때, 해당 메뉴가 움직일 높이값, 즉 컨텐츠의 높이값을 가지고 있어야 합니다.

컨텐츠는 담긴 내용에 따라 높이값이 달라지기 때문에, 변수에 담아둡니다.

var height = $("#scroll_box").height();
$("#sticky_box").css('height', height);

스크롤 되는 컨텐츠의 높이값을 변수에 저장하고, 해당 변수에 담긴 높이값을 sticky 속성 박스의 높이값으로 넣어주면 간단히 구현 가능! 🥰

0개의 댓글