따라다니는 탑버튼 적용 문의

따라다니는 탑버튼 적용 문의 정보

따라다니는 탑버튼 적용 문의

본문

검색도중 10년에 작성된 게시글에서 아래와 같은 소스를 확인하였습니다.

<style type="text/css">
body{
background:url(foo) fixed;
}
div#aside{
position:fixed;
left: 860px;
top: 20px;
_position:expression('absolute');
_left: expression(offsetParent.scrollLeft+860+'px');
_top: expression(offsetParent.scrollTop+20+'px');
}
</style>

<div id="aside">레이어</div>

<? for ($i = 0; $i < 100; $i++) { ?>
<p><?=$i?></p>
<? } ?>
===================
스크립트는 부드럽게 올라가는 것으로 다른곳에서 찾았습니다.

<script type="text/javascript">
function back_top()
{
x = document.body.scrollLeft;
y = document.body.scrollTop;
step = 2;

while ((x != 0) || (y != 0)) {
scroll (x, y);
step += (step * step / 300);
x -= step;
y -= step;
if (x < 0) x = 0;
if (y < 0) y = 0;
}
scroll (0, 0);
}
</script>

요걸 html파일에는
스크립트 그대로 주고

<style type="text/css">
#aside{
position:fixed;
right: 0%;
top: 60%;
}
</style>

<div id="aside">레이어</div>

욜케만 해줘도 맨 우측 스크롤 바에 척하니 붙더라구요.

근데 그누에 적용할려니까;;;; 이게 그냥 중앙 최 상단에 떡하니 있떠군요 ㅠ;

적용은 head.sub 에 아래처럼 했습니다.

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=<?=$g4['charset']?>">
<title><?=$g4['title']?></title>
<link rel="shortcut icon" type="image/x-icon" href="<?=$g4['path']?>/favicon.ico" />
<link rel="stylesheet" href="<?=$g4['path']?>/style.css" type="text/css">
<link rel="stylesheet" type="text/css" href="<?=$g4['path']?>/css/common.css" />
<style type="text/css">
.SLB_center { cursor:pointer; visibility:hidden; border: solid 4px #d8d0ce; background-color:#ffffff;}
.SLB_close { cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; color: #ffffff; padding-bottom: 4px; }
.SLB_caption { cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background-color:#d8d0ce; color: #6e6f71; padding: 2px 0; }
#SLB_loading { cursor: pointer; display:none; z-index: 99998; position:absolute; font-family: verdana,tahoma; font-size: 9pt; color: #ffffff; padding: 3px 0px 4px 0px; border: solid 2px #cfcfcf; }
</style>
<style type="text/css">
#aside { position:fixed; right:0%; top:60%; }
</style>
</head>
<script type="text/javascript">
// 자바스크립트에서 사용하는 전역변수 선언
var g4_path = "<?=$g4['path']?>";
var g4_bbs = "<?=$g4['bbs']?>";
var g4_bbs_img = "<?=$g4['bbs_img']?>";
var g4_url = "<?=$g4['url']?>";
var g4_is_member = "<?=$is_member?>";
var g4_is_admin = "<?=$is_admin?>";
var g4_bo_table = "<?=isset($bo_table)?$bo_table:'';?>";
var g4_sca = "<?=isset($sca)?$sca:'';?>";
var g4_charset = "<?=$g4['charset']?>";
var g4_cookie_domain = "<?=$g4['cookie_domain']?>";
var g4_is_gecko = navigator.userAgent.toLowerCase().indexOf("gecko") != -1;
var g4_is_ie = navigator.userAgent.toLowerCase().indexOf("msie") != -1;
<? if ($is_admin) { echo "var g4_admin = '{$g4['admin']}';"; } ?>
</script>
<script type="text/javascript" src="<?=$g4['path']?>/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="<?=$g4['path']?>/js/template_on.js"></script>
<script type="text/javascript" src="<?=$g4['path']?>/js/common.js"></script>
<script type="text/javascript" src="<?=$g4['path']?>/jquery.js"></script>
<script type="text/javascript" src="<?=$g4['path']?>/menu.js"></script>
<script type="text/javascript" charset="utf-8" src="<?=$g4['path']?>/js/flash.js"></script>
<script type="text/javascript" src="<?=$g4['path']?>/js/swapimg.js"></script>
<script type="text/javascript" src="<?=$g4['path']?>/js/slb.js" ></script>
<script type="text/javascript">
function back_top()
{
x = document.body.scrollLeft;
y = document.body.scrollTop;
step = 2;

while ((x != 0) || (y != 0)) {
scroll (x, y);
step += (step * step / 300);
x -= step;
y -= step;
if (x < 0) x = 0;
if (y < 0) y = 0;
}
scroll (0, 0);
}
</script>

<body topmargin="0" leftmargin="0"<?=isset($g4['body_script']) ? $g4['body_script'] : "";?>>

<center>
<a name="g4_head"></a>

<div id="wrap">


<div id="aside"><img src="images/top.png" alt="페이지 맨 위로" onclick="back_top()" style="cursor:pointer" /></div>


웃긴건 파폭에서는 잘 되고 ㅠ 익스에서는 안되는군요 ㅠ;;


<div id="aside"><img src="images/top.png" alt="페이지 맨 위로" onclick="back_top()" style="cursor:pointer" /></div>


<div id="wrap">

요렇게 하면 화면 좌측에 딱 붙어 버리더군요 ㅠㅠ;;

요거 수정을 어케 해야 화면 스크롤바 맨 우측에 붙을까요 ? ㅠㅠ; 고수님들 답변좀 부탁드립니다. ㅠㅠ;