메뉴 애니메이션 페이지 스크롤 - Css 또는 Jquery?

Question

페이지 스크롤에서 발생하는 메뉴 애니메이션을 CSS 단독으로 처리하거나 jquery \ other stuff가 필요한지 이해할 수 없습니다.

몇 가지 예

가 명확히 :

1. http://www.optimo-it.com/products/uCast/
2. http://demo.teothemes.com/?theme=scrn
3. http://demo.brankic.net/?theme=BigBangWP

또한, 사람이 주제에 대한 몇 가지 자습서를 알고 발생하는 경우, 그것은 크게 감사 것 내 개인 웹 사이트에서 유사한 애니메이션을 구현하고 싶습니다.

미리 감사드립니다.

Answer 1

스크롤하는 것에 반응하는 경우, 즉 페이지 내에서 스크롤하는 위치에 따라 바뀌면 scoll 이벤트를 캡처하여 자바 스크립트로 처리해야합니다. 이 jQuery를 것 사용하면 같은 somenthing 수 : 그러나

$(window).scroll(function(){ 
    ... 
    if ($(this).scrollTop() > threshold) { 
    // Do stuff 
    } 
}); 

, 당신은 CSS position:fixed를 사용하여 고정 된 위치에서 메뉴를 유지할 수 있습니다. 이 방법은 멋진 애니메이션을 제공하지 않으며, 단순히 메뉴를 화면에 고정시킵니다.