상하 스크롤 메뉴(퀵메뉴)가 인터넷익스플로러에서 좌측에서 스크롤됨 정보
상하 스크롤 메뉴(퀵메뉴)가 인터넷익스플로러에서 좌측에서 스크롤됨본문
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>
<!--오른쪽 퀵배너 끝-->
아래의 내용을 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" />
를 삭제하였더니 제대로 스크롤바가 우측에서 작동하게 됨
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet" />
를 삭제하였더니 제대로 스크롤바가 우측에서 작동하게 됨