테스트 사이트 - 개발 중인 베타 버전입니다

퀵메뉴 잘아시는분 봐주세여~~^^

Untitled-2.jpg
왕초보에요 직원이 저뿐이라 홈페이지 제작이 많이 힘드네요...헉헉

여러퀵메뉴 소스를 찾아서 그것들중에서 유일하게 되는건데요 퀵메뉴위치가 오른쪽에 고정되있어영

이걸 회색빠옆에 고정시키는법은 없을까요?

퀵메뉴소스

<script type="text/javascript">
var stmnLEFT = 10; // 오른쪽 여백
var stmnGAP1 = 0; // 위쪽 여백
var stmnGAP2 = 150; // 스크롤시 브라우저 위쪽과 떨어지는 거리
var stmnBASE = 150; // 스크롤 시작위치
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="box">
...
......
<div id="STATICMENU" style="z-index:10";>
<img src="퀵메뉴01.jpg" />
</div>

</div>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 1개

전 이런퀵메뉴는 자바스크립트 아예안쓰고 css의 position:fixed로 처리하는 편인데
이렇게해보심은 어떠신지


.quick { position:fixed; margin-top:150px; margin-left:85%; z-index:6000; width:89px; }


이케하면 자동으로 모니터크기의 85% 만큼 왼쪽여백이생겨요..

이미 아시는건데 자바스크립트로 하고싶어서 하신걸지도 모르지만..

혹시몰라서 남겨여..

게시글 목록

번호 제목
284508
284499
284492
284490
284484
284481
284478
284476
284474
284472
284470
284458
284457
284454
284453
284447
284446
284444
284441
284440