스티커 메뉴에 특정 높이를 추가하는 방법은 무엇입니까?

http://www.mysecretathens.gr/kulte_test/docrads.html 스티커 메뉴에 특정 높이를 추가하는 방법은 무엇입니까?

#nav 메뉴의 CERTAIN 높이에서 고정 메뉴 효과를 얻고 싶습니다. 그쪽과 같은 것 : http://www.snogglemedia.com/- 사이드 바 메뉴가 특정 높이에 붙습니다. CSS로 어떻게 할 수 있습니까? 또는 jquery에서만 가능합니까?

출처

2013-02-01 a.litis

질문을 올바르게 읽는 경우 메뉴를 세로로 붙이는 것을 말합니다. 이것은 CSS와 jQuery/Javascript를 사용하여 이루어집니다. 메뉴를 스크롤 할 필요가 없다면 CSS를 사용하여 메뉴를 얻을 수 있습니다. 내 대답은 아래를 참조하십시오. –

또한, http://twitter.github.com/bootstrap/components.html의 Twitter Bootstrap 페이지 (및 많은 다른 많은 사이트)에서 실제 동작을 볼 수 있습니다. –

메뉴를 전혀 스크롤 할 필요가없는 경우 순수 CSS를 사용하여 효과를 얻을 수 있습니다. 당신은 요소에 다음 CSS를 추가합니다 :

원하는 위치에 따라 자신의 최고 & 왼쪽 값을 사용해야합니다 물론

<div id="vertMenu"> 
    <ul> 
     <li>First Item</li> 
     <li>Second Item</li> 
     <li>Third Item</li> 
    </ul> 
</div> 

div#vertMenu { 
    position: absolute; 
    top: 150px; 
    left: 25px; 
}

; 그러나 Absolute 포지셔닝은 DIV를 제자리에 유지합니다.

출처

2013-02-01 21:18:00

페이지가 "특정"위치로 스크롤되도록 메뉴가 필요하다면 거기에 붙여 넣기를 붙이기 (Affixing)라고하며 CSS 클래스를 전환하려면 jQuery를 사용해야합니다. –

스티커 메뉴에 특정 높이를 추가하는 방법은 무엇입니까?

답변

관련 문제