아미(아름다운미소)

[Jquery]퀵메뉴 본문

랭귀지/JQUERY

[Jquery]퀵메뉴

유키공 2017. 12. 20. 10:00

퀵메뉴


$(function(){
    var quick_menu = $("#miniArticle");
    var quick_top = 124;
    // quick menu initialization
    quick_menu.css('top', $(window).height() );
    $(document).ready(function(){
     quick_menu.animate( { "top": $(document).scrollTop() + quick_top +"px" },  100 ); //스크롤이 올라갈 때의 속도 값이 높아질수록 부드럽게 움직임
     $(window).scroll(function(){
      quick_menu.stop();
      quick_menu.animate( { "top": $(document).scrollTop() + quick_top + "px" }, 500 ); //스크롤 내려갈 때의 속도
     });
    });
});

'랭귀지 > JQUERY' 카테고리의 다른 글

trigger prop 차이  (0) 2021.08.17
[jQuery] 날짜선택 위젯- datepicker  (0) 2017.12.21
[jQuery] 펼침메뉴  (0) 2017.12.20
[jQuery] 레이어 팝업  (0) 2017.12.18
Comments