머릿말은 사이트 맨 아래로 스크롤됩니다.

Question

구글 벤처 기업 site에서 효과를 얻으려는 중입니다. 사용자가 페이지 아래쪽을 스크롤 할 수 있으며 헤더 위로 미끄러지는 효과가 천천히 나타납니다.

내가 어떻게 달성 할 수 있는지 알기 원하십니까?

많은 감사.

Answer 1

웹 사이트 위치 섹션을 고정하여이를 수행 할 수 있습니다. 이

<div class="sec1"></div> 
<div class="sec2"></div> 

.sec1 { 
position: fixed; 
.... 
.... 
} 

Answer 2

같은 그 뭔가는 다음과 같이하십시오 :

HTML :

<div class="container"> 
    <div class="header"> 

    </div> 

    <div class="content"> 

    </div> 
</div> 

CSS :

div 
{ 
    width: 300px; 
} 

.container 
{ 
    position: relative; 
    height: 1000px; 
} 

.header 
{ 
    position: fixed; 
    top: 0; 
    z-index: 999; 
    height: 200px; 
    background-color: green; 
} 

.content 
{ 
    position: relative; 
    z-index: 1000; 
    margin-top: 200px; 
    height: 100%; 
    background-color: blue; 
} 

작업 복사본은 여기에서 찾을 수 있습니다 :

http://jsfiddle.net/mDP3y/