제이쿼리 애니메이션 수정 채택완료
http://jesus.barunweb.co.kr/" target="_self">http://jesus.barunweb.co.kr/
http://jesus.barunweb.co.kr/?device=pc" target="_blank" style="text-decoration: none; color: rgb(102, 102, 102); font-size: 11px;">
메인페이지에서 스크롤 하단으로 내릴 시 gnb가 검은색으로 변하는데 fadeIn효과 적용되면서 변해야합니다
ㅠㅠ코드를 보고 있는데 잘 모르겠습니다.. 아무리 해도 안되네요..ㅠㅠㅠ 소스 확인한번 부탁드리겠습니다
// Hide Header on on scroll down
var didScroll;
var lastScrollTop = 0;
var delta = 5;
var navbarHeight = $('header').outerHeight();
$(window).scroll(function(event){
didScroll = true;
});
setInterval(function() {
if (didScroll) {
hasScrolled();
didScroll = false;
}
}, 250);
function hasScrolled() {
var st = $(this).scrollTop();
// Make sure they scroll more than delta
if(Math.abs(lastScrollTop - st) <= delta)
return;
// If they scrolled down and are past the navbar, add class .nav-up.
// This is necessary so you never see what is "behind" the navbar.
if (st > lastScrollTop && st > navbarHeight){
// Scroll Down
document.getElementById('hd_wrap').style.backgroundColor = "#000000";
} else {
// Scroll Up
document.getElementById('hd_wrap').style.backgroundColor = "transparent";
}
lastScrollTop = st;
}
답변 2개
답변을 작성하려면 로그인이 필요합니다.
로그인