상단 메뉴처럼 레프트 메뉴를 띄우는 방법이 있을까요?
본문
안녕하세요.
상단 메뉴가 어느 정도 아래로 스크롤 되면 상단에 고정으로 떠서 메뉴가 따라다니는것처럼
레프트 메뉴가 어느 정도 밑으로 내려가면 레프트 메뉴도 떠서 내용과 같이 보이도록 하려면
어떻게 해야 될까요?
레프트 메뉴를 누르기 쉽게 하기 위해 따라다니게 하려고 하고 싶어서요.
답변 1
//서브페이지 서브메뉴 셀렉박스 스크롤시 위쪽 고정
$(document).ready(function(){
var nav = $('따라다닐 div 아이디 또는 클래스명');
var navoffset = $('따라다닐 div 아이디 또는 클래스명').offset();
/* offset을 이용하여 .menu(메뉴영역)의 위치값을 알아내어 navoffset에 넣어둔다 */
$(window).scroll(function () {
if ($(this).scrollTop() >= navoffset.top) { /* 화면 스크롤 값이 메뉴영역의 top보다 값이 커지면 */
nav.css('position','fixed').css('top',0); /* 화면 위쪽에 고정시킨다. */
}else {
nav.css('position','absolute').css('top',260); /* 처음 메뉴영역의 top 값으로 돌리기 */
}
});
});
감사합니다^^ 알려주신 방식으로 하니 잘 되네요.
행복한 하루 되세요.
답변을 작성하시기 전에 로그인 해주세요.
