익스에서 퀵메뉴가 움직이지 않아요ㅜㅜ 정보
익스에서 퀵메뉴가 움직이지 않아요ㅜㅜ본문
게시판나오는 부분만 그누보드 게시판으로 연결을 시키고
나머지 페이지는 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; }
나머지 페이지는 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; }
댓글 전체
정확히는 모르겠습니다만
익스에서는 안되고 (혹은 버전별로 되는것도 있고) 크롬에서는 작동하는 경우라면
DTD선언도 확인해보세요
익스에서는 안되고 (혹은 버전별로 되는것도 있고) 크롬에서는 작동하는 경우라면
DTD선언도 확인해보세요
위 소스 그대로 복사해서 해보니 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>
<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>
그게 게시판이 아닌 페이지는 익스에서도 잘 작동해요ㅠㅠ
근데 게시판 페이지만 익스에서 안움직이는거라서요ㅠㅠ 왜그러는건지 모르겠어요ㅜㅜ
근데 게시판 페이지만 익스에서 안움직이는거라서요ㅠㅠ 왜그러는건지 모르겠어요ㅜㅜ
tail.php에 넣어서 해보세요
게시판 페이지라고해서 안될 이유는 없습니다
게시판 페이지라고해서 안될 이유는 없습니다
ㅠㅠ 넵 아랫 분이 답변주신대로 js내용 문제엿던것 같아요ㅠㅠ
근데 게시판페이지만 가로스크롤이 생기는 이유는 뭐때문인가요 ㅠㅠㅠㅠ
근데 게시판페이지만 가로스크롤이 생기는 이유는 뭐때문인가요 ㅠㅠㅠㅠ
js 의 파일내용중
var scrollTop = $(window).scrollTop(); 를
var scrollTop = $(document.body).scrollTop(); 로 수정해보세요.
var scrollTop = $(window).scrollTop(); 를
var scrollTop = $(document.body).scrollTop(); 로 수정해보세요.
ㅠㅠ 그렇게하니까 되네요! 감사합니다!!
저 그런데 혹시 게시판페이지와 일반 다른 페이지로 넘어갔을 때 움직이는데 왜 움직이는지 알 수 있을까요?ㅜㅜ
이것 역시 크롬은 잘 나오는데 익스에서만 그렇게 뜨네요 ㅠ_ㅠ
관련하여서 쪽지로 url도 보냈습니다ㅠㅠ 봐주시면 감사하겠습니다!ㅜㅜ
이것 역시 크롬은 잘 나오는데 익스에서만 그렇게 뜨네요 ㅠ_ㅠ
관련하여서 쪽지로 url도 보냈습니다ㅠㅠ 봐주시면 감사하겠습니다!ㅜㅜ