우선 클릭해 주셔서 감사합니다~!!!
스크롤을 내리면 헤더 메뉴가 불투명으로 되는 소스를 찾았는데요.
위소스입니다.
위소스중에
$(window).scroll(function() {
if($(this).scrollTop() == 0)
$('#header-wrap').css('opacity','1');
else
$('#header-wrap').css('opacity','.4');
});
이부분이 핵심 소스인데요.
스크롤만 살짝만 내려도 투명으로 변해버립니다.
스크롤을 어느정도 내렸을때 투명으로 변하게 하는 방법이 없을까요?
항상 그누보드 회원님들 덕분에 하나하나 알아 갑니다.
오늘도 좋은하루 보내셔요~!
답변 3개 / 댓글 2개
채택된 답변
+20 포인트
logos
2018-02-26 (월) 17:33:11
exam) 50px 보다 작을때..
if ($(this).scrollTop() < 50)
답변에 대한 댓글 1개
2018-02-26 (월) 17:37:31
2018-06-22 (금) 17:41:56
요거 적용이 되는건가요?
사용해봤는데...반응이 없네요
유레카56
2018-02-26 (월) 17:26:30
$(window).scroll(function() {
if($(this).scrollTop() == 0) <<==== 이값을 조절 하세요 top 이 0일 때 이니까 값만 수정 하시면 됩니다.
$('#header-wrap').css('opacity','1');
else
$('#header-wrap').css('opacity','.4');
});
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.
스크립트를 아에 모르는데 진심으로 감사합니다~!!!
행복한 하루 보내셔요~!!!