메뉴자동스크롤레이어위치고정관련질문 > 그누4 질문답변

그누4 질문답변

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

메뉴자동스크롤레이어위치고정관련질문 정보

메뉴자동스크롤레이어위치고정관련질문

본문

오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.

오류 주소 :

메뉴 자동스크롤레어를 달아는데요
해상도가 변하면 제 해상도에서는 잘 나오는데
다른 해상도에서는 다른위치에 가있는데요
해상도가 변해도 원래 위치에 고정시키려면 어떻게 해야하나요?

아래는 소스입니다.

<script language="javascript">
<!--

var stmnLEFT = 0; // 스크롤메뉴의 좌측 위치
var stmnGAP1 = 70; // 페이지 헤더부분의 여백
var stmnGAP2 = 0; // 스크롤시 브라우저 상단과 약간 띄움. 필요없으면 0으로 세팅
var stmnBASE = 70; // 스크롤메뉴 초기 시작위치 (아무렇게나 해도 상관은 없지만 stmnGAP1과 약간 차이를 주는게 보기 좋음)
var stmnActivateSpeed = 0; // 움직임을 감지하는 속도 (숫자가 클수록 늦게 알아차림)
var stmnScrollSpeed = 10; // 스크롤되는 속도 (클수록 늦게 움직임)

var stmnTimer;

function ReadCookie(name) {
var label = name + "=";
var labelLen = label.length;
var cLen = document.cookie.length;
var i = 0;

while (i < cLen) {
var j = i + labelLen;

if (document.cookie.substring(i, j) == label) {
var cEnd = document.cookie.indexOf(";", j);
if (cEnd == -1) cEnd = document.cookie.length;
return unescape(document.cookie.substring(j, cEnd));
}
i++;
}
return "";
}

function SaveCookie(name, value, expire) {
var eDate = new Date();
eDate.setDate(eDate.getDate() + expire);
document.cookie = name + "=" + value + "; expires=" +eDate.toGMTString()+ "; path=/";
}

function RefreshStaticMenu()
{
var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;

stmnStartPoint = parseInt(STATICMENU.style.top, 10);


stmnEndPoint = document.body.scrollTop + stmnGAP2;

stmnLimit = parseInt(window.document.body.scrollHeight) - parseInt(STATICMENU.offsetHeight);
if (stmnEndPoint > stmnLimit) stmnEndPoint = stmnLimit;

if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;

stmnRefreshTimer = stmnActivateSpeed;

if ( stmnStartPoint != stmnEndPoint ) {
stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
STATICMENU.style.top = parseInt(STATICMENU.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
stmnRefreshTimer = stmnScrollSpeed;
}

stmnTimer = setTimeout ("RefreshStaticMenu();", stmnRefreshTimer);
}

function ToggleAnimate() {
if (!ANIMATE.checked) {
RefreshStaticMenu();
SaveCookie("ANIMATE", "true", 300);
} else {
clearTimeout(stmnTimer);
STATICMENU.style.top = stmnGAP1;
SaveCookie("ANIMATE", "false", 300);
}
}

function InitializeStaticMenu() {
STATICMENU.style.left = stmnLEFT;
if (ReadCookie("ANIMATE") == "false") {
ANIMATE.checked = true;
STATICMENU.style.top = document.body.scrollTop + stmnGAP1;
} else {
ANIMATE.checked = false;
STATICMENU.style.top = document.body.scrollTop + stmnBASE;
RefreshStaticMenu();
}
}
//-->
</script>

 

<div id="STATICMENU" style="position:absolute;width:150px;height:70px;">
<?=outlogin("basic"); // 외부 로그인 ?>
<!--왼쪽부분-->
<a href="<?=$g4['path']?>/google_news/newsmowa.php"><img src="<?=$g4['path']?>/images/google_rss.gif" border="0"></a>
<a href="<?=$g4['path']?>/alba_rss/newsmowa.php"><img src="<?=$g4['path']?>/images/alba_rss.gif" border="0"></a>
<?=connect(); // 현재 접속자수 ?>
<input id="ANIMATE" type="checkbox" onclick="ToggleAnimate();"> 따라다님 끄기
</div>
<script language="javascript">
<!--
InitializeStaticMenu(); // 스크롤메뉴를 가동하는 자바스크립트
//-->
</script>
  • 복사

댓글 전체

<div id="news_div" style="position:absolute;top:240px;left:expression((document.body.clientWidth)/2 - 660/2 + 741);width:73px;height:200px;z-index:20; scrolling:no; overflow-y:auto;">

이것을 사용해보세요. 저도 이것으로 도움 받아서 처리 했습니다.!!^^ (Jesus waiting for you!)
© SIRSOFT
현재 페이지 제일 처음으로