상하 스크롤 메뉴(퀵메뉴)가 인터넷익스플로러에서 좌측에서 스크롤됨 > 그누4 질문답변

그누4 질문답변

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

상하 스크롤 메뉴(퀵메뉴)가 인터넷익스플로러에서 좌측에서 스크롤됨 정보

상하 스크롤 메뉴(퀵메뉴)가 인터넷익스플로러에서 좌측에서 스크롤됨

본문

DTD선언사용
아래의 내용을 tail.php에 넣어 사용하고 있는데
베추베이직의 내용보기를 하면 파이어폭스아 크롬에서는 제대로 작동이 되는데
인터넷익스플로러에서는 우측이 아니라 좌측으로 이동되어 스크롤을 합니다.
어떻게 해야 인터넷익스플로러8에서 우측에서 퀵메뉴가 스크롤되게 할수 있나요??
부탁드립니다..
**배추베이직 리스트에서는 우측에서 스크롤하는데 게시물을 클릭하여 내용을 보면 퀵메뉴가
좌측으로 갑자기 이동을 하게 됨

<!--오른쪽 퀵배너 시작-->
<!-- 왼쪽 sky스크래퍼 스크립트-->
<script type="text/javascript">
function initMoving(target, position, topLimit, btmLimit) {
 if (!target)
  return false;
 
 var obj = target;
 obj.initTop = position;
 obj.topLimit = topLimit;
 obj.bottomLimit = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight) - btmLimit - obj.offsetHeight;
 
 obj.style.position = "absolute";
 obj.top = obj.initTop;
 obj.left = obj.initLeft;
 
 if (typeof(window.pageYOffset) == "number") { //WebKit
  obj.getTop = function() {
  return window.pageYOffset;
  }
 } else if (typeof(document.documentElement.scrollTop) == "number") {
  obj.getTop = function() {
  return Math.max(document.documentElement.scrollTop, document.body.scrollTop);
  }
 } else {
  obj.getTop = function() {
  return 0;
  }
 }
 
 if (self.innerHeight) { //WebKit
  obj.getHeight = function() {
  return self.innerHeight;
  }
 } else if(document.documentElement.clientHeight) {
  obj.getHeight = function() {
  return document.documentElement.clientHeight;
  }
 } else {
  obj.getHeight = function() {
  return 500;
  }
 }
 
 obj.move = setInterval(function() {
  if (obj.initTop > 0) {
  pos = obj.getTop() + obj.initTop;
  } else {
  pos = obj.getTop() + obj.getHeight() + obj.initTop;
  //pos = obj.getTop() + obj.getHeight() / 2 - 15;
  }
 
  if (pos > obj.bottomLimit)
  pos = obj.bottomLimit;
  if (pos < obj.topLimit)
  pos = obj.topLimit;
 
  interval = obj.top - pos;
  obj.top = obj.top - interval / 3;
  obj.style.top = obj.top + "px";
 }, 30)
}
</script>
<!--// 왼쪽 sky스크래퍼 스크립트 아래에서 선택해서 사용해도됨 zp배너와 -->
 
    <style>
    #divScroll {width:120px; position:absolute; left:50%; top:100px; z-index:100; margin-left:480px;}
    </style>
    <!--<div id="memo" style="position:absolute;left:0px; top:100px; z-index:1">-->
        <div id="divScroll">
       
        <table border=0 cellpadding=3 cellspacing=0>
<tr><td align='center' height=50>
<?=zp_banner('right','');//제나버전에서 사용시?>
<?=latest_banner("rightbn","rightbanner", 100, 1);//우측배너 사용시 ?>
</td></tr>
</table>
        </div>
   
<script type="text/javascript">initMoving(document.getElementById("divScroll"), 50, 100, 50);</script>

<!--오른쪽 퀵배너 끝-->
  • 복사

댓글 전체

배추스킨 view.skin.php에서

<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet" />

를 삭제하였더니 제대로 스크롤바가 우측에서 작동하게 됨
© SIRSOFT
현재 페이지 제일 처음으로