만드는 방법 슬라이드 아웃 탭

Question

웹 페이지의 왼쪽에있는 슬라이드 아웃 탭을 사용하고 싶지만 "바운스"효과로 페이지에서 슬라이드하고 "클립"과 같은 다른 효과로 슬라이드하지만 나도 몰라요. 그것을하는 방법?

Answer 1

더 이상 :

//scrolling the output_code div to my view 
$(window).scroll(function() { 
    var set1 = $(document).scrollTop(); 
    var p = $("#output_code").position(); 

    if((set1 - p.top > 150)||(set1 - p.top < -700)){ 
     $('#output_code').animate({top:set1 + "px"},{duration:500,queue:false}); 
    } 
}); 

그냥 모든 시간을 이동하려면 다음의

//scrolling the output_code div to my view 
$(window).scroll(function() { 
    var set1 = $(document).scrollTop(); 
    var p = $("#output_code").position(); 
    $('#output_code').animate({top:set1 + "px"},{duration:500,queue:false}); 

}); 

물론 #output_code를 div id로 변경하십시오. 굿 럭!

Answer 2

과 함께 .animate() 또는 .effect()과 같은 것을 사용하고 싶습니다.

http://api.jquery.com/animate/

.animate() 

.effect() 

체크 아웃 JQuery와 - UI 너무 : http://jqueryui.com/effect/. 그러나 우리에게 어떤 것도 표시하지 않으면 code, 우리는 당신을 도울 수 없습니다. jQuery를, 사용자가 사업부를 참조하지 않는 경우 사업부를 스크롤이 예제를 사용