본문 바로가기
개발/jQuery

[jQuery] 스크롤링 퀵메뉴

by 그저그런보통사람 2009. 12. 24.
<script>
function quick_menu_slide(){
    b_width = $(document.body).width(); //페이지 전체크기
    d_width = $("#head_menu_layout").width(); //본문 전체 크기임
    t_height = $(document.body).scrollTop(); //상단 높이


    width = (b_width - d_width) <= 0 ? 920 : b_width/2 + 440; //왼쪽으로 부터 얼마를 떨어뜨려야할지.
    height = t_height + 118; //상단부터 띄워야 하는 높이

    $("#quick_menu_div").css({top:height, left:width, display:'block'});
}

$(window).load(quick_menu_slide).resize(quick_menu_slide).scroll(quick_menu_slide);

</script>

<style>
#quick_menu_div {position:absolute; display:none;}
</style>



<div id="quick_menu_div">
    퀵메뉴 테스트
</div>