상단 메뉴 관련 질문 드립니다. 채택완료
안녕하세요
sjk.homweb.co.kr 에서 현제 사이트를 하나 만들고 있는데요
문제는 현제 상단 네비게이션을 스크롤 시 고정으로 하고자 하는데 안되더라구요 혹시 아시는 분은 답변을 좀 부탁 드려도 될까요?
topmenu-wrap .tmenu"); 이 부분 하고 몇가지 더 수정을 해야 할 것 같긴 한데 수정을 해보아도 작동이 안되는 거 봐서는 뭔가 문제가 있는 것 같은데 잘 찾지 못해서 이렇게 문의 드려 봅니다.
답변 부탁 드립니다.
감사합니다.
아래 스크립트는 현제 fixd 관련 스크립트 인데 이번에 메뉴를 대폭 바꾸고 나서 적용을 하려니 안되서요
</strong></p>
<p><script type='text/javascript'>
$(window).scroll(function(e){
topmenu_show($(this),e); //스크롤시 상단메뉴 sticky
});</p>
<p>$(window).resize(function(e){
topmenu_show($(this),e); //리사이즈시 상단메뉴 sticky
});</p>
<p>$(document).ready(function(){
$(document).on({
"mouseenter":function(){
$(this).find("ul").show().stop().css({"right":"-10px","opacity":0}).animate({
"right":0,
"opacity":1
},300,"Power3.easeOut");
},
"mouseleave":function(){
$(this).find("ul").stop().animate({
"right":"-10px",
"opacity":0
},300,"Power3.easeOut",function(){
$(this).hide();
});
}
},".topmenu-wrap .tmenu");</p>
<p>//상단메뉴 위치선정 및 스크롤시 sticky 적용 - 애니메이션
function topmenu_show(top_obj,e){
var sc_top=top_obj.scrollTop();
var obj=$(".topmenu-wrap");
var ap=0.7;
var sbtom=0;</p>
<p> if($(".top-wrap").length){
sbtom=$(".top-wrap").outerHeight();
}</p>
<p> if(sc_top>=Number($(".top-wrap").outerHeight())){
obj.addClass("topmenu-fixed");
}else{
obj.removeClass("topmenu-fixed");
}
}</p>
<p></script></p>
<p><strong>
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인