익스에서 퀵메뉴가 움직이지 않아요ㅜㅜ > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

익스에서 퀵메뉴가 움직이지 않아요ㅜㅜ 정보

익스에서 퀵메뉴가 움직이지 않아요ㅜㅜ

본문

게시판나오는 부분만 그누보드 게시판으로 연결을 시키고
나머지 페이지는 html로 되어있습니다.

그리고 익스 크롬 모두 잘 나오구요ㅠㅠ

그런데 그누보드 게시판이 나오는 페이지만 퀵메뉴가 작동이 안되네요ㅠㅠ
퀵메뉴가 아예 안나오는 건 아니구
나오는데 스크롤 따라 움직이질 않아요ㅠㅠ

(근데 크롬에선 게시판이 있는 페이지도 퀵메뉴가 잘 작동되요)

다른페이지들은 다 잘 나오고있는데
게시판 페이지만 퀵메뉴가 안 움직여요ㅠㅠ

아래소스 첨부해요ㅠㅠ 한번 봐주세요ㅠㅠ

------------------------게시판 하단 스크립트입니다.
</div>
                </div>
               
            </div>
        </div>
        <!-- //content -->
        <div>
        <ul id="quickMenu" class="quickMenu"> <li><a title="메뉴" href="menu.html">메뉴</a></li>
<li><a title="매장찾기" href="store.html">매장찾기</a></li>
<li><a title="가맹점 개설" href="open.html">가맹점 개설</a></li>
<li class="shop"><a title="G마켓" href="#">G마켓</a></li>
<li class="shop"><a title="OK 캐쉬백" href="#">OK 캐쉬백</a></li>
<li class="snsMenu">
<a class="blog" title="blog" href="#">blog</a>
<a class="twitter" title="twitter" href="#">twitter</a>
<a class="facebook" title="facebook" href="#">facebook</a>
</li>
<li class="top"><a title="위로" href="#">위로</a></li>
</ul>
        </div>
        <!-- footer -->
        <?php include '../footer.php'; ?>
        <!-- //footer -->
    </div>
</body>
</html>

-------------------------------
$(function() {

quickMenuInit();
});

function quickMenuInit() {
var hoverSpeed = 200;
var scrollLimit = 85;
var quick = $("#quickMenu");
var margin = 85;
quick.find(".top").on("click",function() {
$("html,body").animate({ scrollTop:0 },200);
return false;
});
function quickScroll() {
var scrollTop = $(window).scrollTop();
if(scrollTop < scrollLimit) scrollTop = 0 + margin;
else scrollTop = scrollTop + margin - scrollLimit;
quick.stop(true).delay(200).animate({ top:scrollTop },300);
}
$(window).on("scroll",function() {
quickScroll();
});
quickScroll();
}
------------------------------------------------
/* quick menu */
.quickMenu { position:absolute; right:0px; top:300px; padding-top:40px; width:95px; height:395px; background:url("../sub/img/quickMenu.png") no-repeat; z-index:900; }
.quickMenu li { float:left; width:95px; height:75px; }
.quickMenu a { display:block; width:95px; height:75px; text-indent:-9999px; }
.quickMenu .shop { height:48px; }
.quickMenu .shop a { height:48px; }
.quickMenu .snsMenu { padding:15px 0px 0px 8px; width:87px; height:40px; }
.quickMenu .snsMenu a { float:left; width:26px; height:27px; }
.quickMenu .top { height:20px; }
.quickMenu .top a { height:20px; text-indent:-9999px; }


  • 복사

댓글 전체

위 소스 그대로 복사해서 해보니 IE 8에서는 잘 되네요

  <div  id="quickMenu" class="quickMenu">
        <ul>
<li><a title="메뉴" href="menu.html">메뉴</a></li>
<li><a title="매장찾기" href="store.html">매장찾기</a></li>
<li><a title="가맹점 개설" href="open.html">가맹점 개설</a></li>
<li class="shop"><a title="G마켓" href="#">G마켓</a></li>
<li class="shop"><a title="OK 캐쉬백" href="#">OK 캐쉬백</a></li>
<li class="snsMenu">
<a class="blog" title="blog" href="#">blog</a>
<a class="twitter" title="twitter" href="#">twitter</a>
<a class="facebook" title="facebook" href="#">facebook</a>
</li>
<li class="top"><a title="위로" href="#">위로</a></li>
</ul>
        </div>

<script>
$(function() {
quickMenuInit();
});

function quickMenuInit() {
var hoverSpeed = 200;
var scrollLimit = 85;
var quick = $("#quickMenu");
var margin = 85;
quick.find(".top").on("click",function() {
$("html,body").animate({ scrollTop:0 },200);
return false;
});

function quickScroll() {
var scrollTop = $(window).scrollTop();
if(scrollTop < scrollLimit) scrollTop = 0 + margin;
else scrollTop = scrollTop + margin - scrollLimit;
quick.stop(true).delay(200).animate({ top:scrollTop },300);
}

$(window).on("scroll",function() {
quickScroll();
});
quickScroll();
}
</script>

<style>
/* quick menu */
.quickMenu { position:absolute; right:500px; top:300px; padding-top:40px; width:95px; height:395px; background:url("../sub/img/quickMenu.png") no-repeat; z-index:900; border:1px solid red; }
.quickMenu li { float:left; width:95px; height:75px; }
.quickMenu a { display:block; width:95px; height:75px; text-indent:-10px; }
.quickMenu .shop { height:48px; }
.quickMenu .shop a { height:48px; }
.quickMenu .snsMenu { padding:15px 0px 0px 8px; width:87px; height:40px; }
.quickMenu .snsMenu a { float:left; width:26px; height:27px; }
.quickMenu .top { height:20px; }
.quickMenu .top a { height:20px; text-indent:-10px; }
</style>
그게 게시판이 아닌 페이지는 익스에서도 잘 작동해요ㅠㅠ
근데 게시판 페이지만 익스에서 안움직이는거라서요ㅠㅠ 왜그러는건지 모르겠어요ㅜㅜ
저 그런데 혹시 게시판페이지와 일반 다른 페이지로 넘어갔을 때 움직이는데 왜 움직이는지 알 수 있을까요?ㅜㅜ
이것 역시 크롬은 잘 나오는데 익스에서만 그렇게 뜨네요 ㅠ_ㅠ

관련하여서 쪽지로 url도 보냈습니다ㅠㅠ 봐주시면 감사하겠습니다!ㅜㅜ
© SIRSOFT
현재 페이지 제일 처음으로