스크롤을 내리면 헤더 메뉴가 불투명이 되는데요.
본문
우선 클릭해 주셔서 감사합니다~!!!
스크롤을 내리면 헤더 메뉴가 불투명으로 되는 소스를 찾았는데요.
위소스입니다.
위소스중에
$(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)
정말감사합니다~!!!
스크립트를 아에 모르는데 진심으로 감사합니다~!!!
행복한 하루 보내셔요~!!!
$(window).scroll(function() {
if($(this).scrollTop() == 0) <<==== 이값을 조절 하세요 top 이 0일 때 이니까 값만 수정 하시면 됩니다.
$('#header-wrap').css('opacity','1');
else
$('#header-wrap').css('opacity','.4');
});
그 값만 수정했는데도 안되요 ㅠㅠ
요거 적용이 되는건가요?
사용해봤는데...반응이 없네요
답변을 작성하시기 전에 로그인 해주세요.
