<div id="floater2" style="position:absolute;z-index:5;">
내용
</div>
<script type="text/jscript">
<!--
// 스크립트는 반드시 스크롤될 내용 아래쪽에 넣습니다. 안그럼 오류가 발생합니다.
// 스크롤바 따라다니는 메뉴
var stmnLEFT = 21; // 스크롤메뉴의 좌측 위치
var stmnGAP1 = 112; // 페이지 헤더부분의 여백 (이보다 위로는 올라가지 않음)
var stmnGAP2 = 50; // 스크롤시 브라우저 상단과 약간 띄움. 필요없으면 0으로 세팅
var stmnBASE = 68; // 스크롤메뉴 초기 시작위치 (아무렇게나 해도 상관은 없지만 stmnGAP1과 약간 차이를 주는게 보기 좋음)
var stmnActivateSpeed = 2; // 움직임을 감지하는 속도 (숫자가 클수록 늦게 알아차림)
var stmnScrollSpeed = 1; // 스크롤되는 속도 (클수록 늦게 움직임)
var stmnTimer;
function RefreshStaticMenu() {
var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;
stmnStartPoint = parseInt(floater2.style.top, 10);
stmnEndPoint = document.body.scrollTop + stmnGAP2;
if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;
stmnRefreshTimer = stmnActivateSpeed;
if ( stmnStartPoint != stmnEndPoint ) {
stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
floater2.style.top = parseInt(floater2.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
stmnRefreshTimer = stmnScrollSpeed;
}
stmnTimer = setTimeout ("RefreshStaticMenu();", stmnRefreshTimer);
}
function InitializeStaticMenu() {
floater2.style.top = document.body.scrollTop + stmnBASE;
RefreshStaticMenu();
floater2.style.left = stmnLEFT;
}
//-->
</script>
<script type="text/jscript">InitializeStaticMenu();</script>
출처 - http://zeronara.net/bbs/board.php?bo_table=z1_8&wr_id=63
'스크립트 > [Embed]flash,etc...' 카테고리의 다른 글
브라우져 종류에 관계없이 사용할수 있는 움직이는 레이어 (0) | 2011.03.24 |
---|---|
구글 지도 삽입 (0) | 2010.12.05 |
해상도 구애 받지 않고 플래시 출력 (0) | 2010.09.07 |
플래시 새창 띄우기 (팝업) (0) | 2010.06.01 |
책장넘기는 flash 소스 (1) | 2009.11.14 |