안녕하세요.
스크롤 되는 퀵배너가 일반 페이지 및 게시판 리스트에서는 제대로 작동되는데
뷰페이지와, 글쓰기 페이지에서 작동이 되지 않아요.
여기 저기 글 올려 주신것 보고 수정해봤는데.. 잘 되지 않아서
혹시 아시는 분 계시면 답변 부탁드려요.
<style type="text/css">
#wingban{
position: absolute;
left:50%;
top:179px;
margin-left: 480px; /* 레이아웃 너비의 절반 + 여백 */
width:63px;
height:90px;
}
</style>
<script type="text/javascript">
var stmnLEFT = 70; // 오른쪽 여백
var stmnGAP1 = 0; // 위쪽 여백
var stmnGAP2 = 155; // 스크롤시 브라우저 위쪽과 떨어지는 거리
var stmnBASE = 155; // 스크롤 시작위치
var stmnActivateSpeed = 35; //스크롤을 인식하는 딜레이 (숫자가 클수록 느리게 인식)
var stmnScrollSpeed = 20; //스크롤 속도 (클수록 느림)
var stmnTimer;
function RefreshStaticMenu() {
var stmnStartPoint, stmnEndPoint;
stmnStartPoint = parseInt(document.getElementById('STATICMENU').style.top, 10);
stmnEndPoint = Math.max(document.documentElement.scrollTop, document.body.scrollTop) + stmnGAP2;
if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;
if (stmnStartPoint != stmnEndPoint) {
stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
document.getElementById('STATICMENU').style.top = parseInt(document.getElementById('STATICMENU').style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount ) + 'px';
stmnRefreshTimer = stmnScrollSpeed;
}
stmnTimer = setTimeout("RefreshStaticMenu();", stmnActivateSpeed);
}
function InitializeStaticMenu() {
document.getElementById('STATICMENU').style.right = stmnLEFT + 'px'; //처음에 오른쪽에 위치. left로 바꿔도.
document.getElementById('STATICMENU').style.top = document.body.scrollTop + stmnBASE + 'px';
RefreshStaticMenu();
}
</script>
<style type="text/css">
#STATICMENU { margin: 0pt; padding: 0pt; position: absolute; right: 0px; top: 0px;}
</style>
<div id="STATICMENU" style="position:absolute;z-index:10; top:179; left:50%; margin-left: 490px;"><img src="../mainimg/wingbn01.jpg" name="wingm" width="70" height="90" border="0" usemap="#wingmMap" id="wingm" />
</div>
스크롤 되는 퀵배너가 일반 페이지 및 게시판 리스트에서는 제대로 작동되는데
뷰페이지와, 글쓰기 페이지에서 작동이 되지 않아요.
여기 저기 글 올려 주신것 보고 수정해봤는데.. 잘 되지 않아서
혹시 아시는 분 계시면 답변 부탁드려요.
<style type="text/css">
#wingban{
position: absolute;
left:50%;
top:179px;
margin-left: 480px; /* 레이아웃 너비의 절반 + 여백 */
width:63px;
height:90px;
}
</style>
<script type="text/javascript">
var stmnLEFT = 70; // 오른쪽 여백
var stmnGAP1 = 0; // 위쪽 여백
var stmnGAP2 = 155; // 스크롤시 브라우저 위쪽과 떨어지는 거리
var stmnBASE = 155; // 스크롤 시작위치
var stmnActivateSpeed = 35; //스크롤을 인식하는 딜레이 (숫자가 클수록 느리게 인식)
var stmnScrollSpeed = 20; //스크롤 속도 (클수록 느림)
var stmnTimer;
function RefreshStaticMenu() {
var stmnStartPoint, stmnEndPoint;
stmnStartPoint = parseInt(document.getElementById('STATICMENU').style.top, 10);
stmnEndPoint = Math.max(document.documentElement.scrollTop, document.body.scrollTop) + stmnGAP2;
if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;
if (stmnStartPoint != stmnEndPoint) {
stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
document.getElementById('STATICMENU').style.top = parseInt(document.getElementById('STATICMENU').style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount ) + 'px';
stmnRefreshTimer = stmnScrollSpeed;
}
stmnTimer = setTimeout("RefreshStaticMenu();", stmnActivateSpeed);
}
function InitializeStaticMenu() {
document.getElementById('STATICMENU').style.right = stmnLEFT + 'px'; //처음에 오른쪽에 위치. left로 바꿔도.
document.getElementById('STATICMENU').style.top = document.body.scrollTop + stmnBASE + 'px';
RefreshStaticMenu();
}
</script>
<style type="text/css">
#STATICMENU { margin: 0pt; padding: 0pt; position: absolute; right: 0px; top: 0px;}
</style>
<div id="STATICMENU" style="position:absolute;z-index:10; top:179; left:50%; margin-left: 490px;"><img src="../mainimg/wingbn01.jpg" name="wingm" width="70" height="90" border="0" usemap="#wingmMap" id="wingm" />
</div>
댓글 2개
게시글 목록
| 번호 | 제목 |
|---|---|
| 284508 | |
| 284499 | |
| 284492 | |
| 284490 | |
| 284484 | |
| 284481 | |
| 284478 | |
| 284476 | |
| 284474 | |
| 284472 | |
| 284470 | |
| 284458 | |
| 284457 | |
| 284454 | |
| 284453 | |
| 284447 | |
| 284446 | |
| 284444 | |
| 284441 | |
| 284440 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기