[JS] 스크롤메뉴

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var min = 350; // 레이어 top 초기 값 (레이어 top 값과 일치시킴)
var max = 0;
var moving_speed = 10  // 속도(낮을 수록 빠름)
var moving_amount = 10  // 움직임 (낮을 수록 부드러움)
var action_time = 500   // 반응시간 (*/1000 초 후에 반응)
function left_move_init() {
    itm = document.getElementById("topButton");
    //itm.set_pos = function(y){itm.style.top=y;}; 파폭에서 안됨
    itm.set_pos = function(y){itm.style.top=y+"px";};
    itm.y = min;
    itm.set_pos(itm.y);
    max = document.body.scrollHeight - itm.scrollHeight - min;
    setTimeout("left_move_func()", moving_amount);
}
function left_move_func() {
    tmp = document.body.scrollTop + min;
    itm.y += Math.floor((tmp-itm.y)/moving_speed);
    if( itm.y>max ) itm.y = max;
    if( itm.y<min ) itm.y = min;
    itm.set_pos(itm.y);
    setTimeout("left_move_func()", moving_amount);
}
setTimeout("left_move_init()", action_time);

Leave a Reply