사이드 메뉴 따라오게 만들기 javascript
본문
js로 클래스를 붙였다 떼는 것으로
사이트메뉴를 붙여 따라오게 만들었습니다.
윈도우 폭이 좁아졌을때는 클래스를 지우도록 설정했기 때문에
가로로 폭이 좁아지면 괜찮은데,
위아래 폭이 좁을때는 푸터와 겹치게 됩니다.
혹시 사이드메뉴를 푸터까지만 따라오게 설정할수도 있나요?
이용한 js는 아래와 같습니다.
잘 부탁드립니다.
var dw = $(window).innerWidth();
var $sideNav = $('#sideNav'),
offset = $sideNav.offset();
// Nav Fixed
$(window).scroll(function () {
if (dw > 768) {
if (($(this).scrollTop() > 124) && $(window).innerWidth() > 767) {
$('#sideNav').addClass('sidefix');
} else {
$('#sideNav').removeClass('sidefix');
}
} else {
if (dw < 767) {
if (($(this).scrollTop() > 0) && $(window).innerWidth() < 768) {
$('#sideNav').removeClass('sidefix');
} else {
$('#sideNav').removeClass('sidefix');
}
}
}
});
!-->
답변을 작성하시기 전에 로그인 해주세요.