스크롤을 내리면 헤더 메뉴가 불투명이 되는데요. 채택완료
우선 클릭해 주셔서 감사합니다~!!!
스크롤을 내리면 헤더 메뉴가 불투명으로 되는 소스를 찾았는데요.
http://jsfiddle.net/VZU9K/" target="_blank">http://jsfiddle.net/VZU9K/
위소스입니다.
위소스중에
$(window).scroll(function() { if($(this).scrollTop() == 0) $('#header-wrap').css('opacity','1'); else $('#header-wrap').css('opacity','.4'); });
이부분이 핵심 소스인데요.
스크롤만 살짝만 내려도 투명으로 변해버립니다.
스크롤을 어느정도 내렸을때 투명으로 변하게 하는 방법이 없을까요?
항상 그누보드 회원님들 덕분에 하나하나 알아 갑니다.
오늘도 좋은하루 보내셔요~!
답변 3개
exam) 50px 보다 작을때..
if ($(this).scrollTop() < 50)
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
$(window).scroll(function() { if($(this).scrollTop() == 0) <<==== 이값을 조절 하세요 top 이 0일 때 이니까 값만 수정 하시면 됩니다. $('#header-wrap').css('opacity','1'); else $('#header-wrap').css('opacity','.4'); });
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
스크립트를 아에 모르는데 진심으로 감사합니다~!!!
행복한 하루 보내셔요~!!!