원페이지 질문드립니다 (간단해요!) 채택완료
김진혁z
9년 전
조회 3,004
고수분들이 보시기엔 굉장히 간단한거에요 ㅎㅎ
http://소상공인마이샵.com">http://소상공인마이샵.com 가시면
마우스 휠을 아래로 내리면 위에 메뉴부분이 흰색테두리로 드러나는데요
이게 마우스를 안내리고 그냥 아예 흰색으로 할순없나요 ㅠㅠ 휠 내리면 그냥 변화없이 내려오게요
소스보기하시면 됩니다 바로나와요 ㅎㅎ
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
9년 전
간단하게 메뉴박스 스타일에 fixed 스타일을 붙여넣으시면 될거같네요.
.menu_box{
background:rgba(255,255,255,255.5); transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;
width:100%; height:90px; color:#FFF; position:fixed; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
9년 전
</p><p> /**스크롤이 설정한 높이 이상 내려갔을때 스타일추가하기**/
if (jQuery(window).width() > 0) {
jQuery(window).on("scroll",function(ev){
if(jQuery(window).scrollTop() > 150 ) { /**높이 픽셀 조정**/
jQuery('.menu_box').addClass('fixed'); /**위의 높이에서 .fixed 클래스를 추가합니다. 스타일에서 자유롭게 수치 조절 가능합니다.**/
}
else{
jQuery('.menu_box').removeClass('fixed');
}
return false;
});
}</p><p>부분을
</p><p> jQuery('.menu_box').addClass('fixed');
/**스크롤이 설정한 높이 이상 내려갔을때 스타일추가하기**/
if (jQuery(window).width() > 0) {
jQuery(window).on("scroll",function(ev){
if(jQuery(window).scrollTop() >= 0 ) { /**높이 픽셀 조정**/
jQuery('.menu_box').addClass('fixed'); /**위의 높이에서 .fixed 클래스를 추가합니다. 스타일에서 자유롭게 수치 조절 가능합니다.**/
}
else{
jQuery('.menu_box').removeClass('fixed');
}
return false;
});
}</p><p>로 수정하면 되지 않을까 싶네요.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인