아래로 스크롤 할 때 위쪽 섹션을 고정하는 방법은 무엇입니까?

Question

안녕하세요 화면 상단 부분을 정지시킬 수 있습니까? 입력 및 버튼과 표의 첫 번째 헤더가있는 화면의 첫 번째 행을 스크롤 할 때 둘 다 고정됩니다.

<input>input1</input> 
<input>input2</input> 
<button>A</button> 
<button>B</button> 
<button>C</button> 
<button>D</button> 
<table> 
<tr><th>header1</th><th>header2</th><th>header3</th><th>header4</th><th>header5</th></tr> 

당신이 follwing을 jfiddle에 솔루션을 적용하시기 바랍니다 수 :

이

내가 고정 할 부분이다 http://jsfiddle.net/BRK2c/

Answer 1

당신은 위치 사용할 수 있습니다

: http://jsfiddle.net/BRK2c/4/

: 데모 쇼로 고정을

.upper{ 
    position: fixed; 
    top: 0px; 
    background: #c9c9c9; 
    display: block; 

} 

표 예제의 머리글 스크롤 : http://jsfiddle.net/BRK2c/5/

Answer 2

해당 섹션은 다음 텟 클래스를 대상으로 해당 태그에 고정 된 위치를 할 수있는 스크롤 할 때 정적으로 유지하거나에 클래스를 추가하려면이 소송 당신에게 어떻게하는지

Answer 3

:

http://jsfiddle.net/gxRC9/76/

을 나는 한 곳에서 그것을 지키기 위해

postion: fixed 

을 사용했으며 JQuery는이 고정 위치가 스크롤 지점에서 사용되도록합니다.