상단에서 전체넓이로 고정되도록 설정한 셀

위치 : 절대위치 / left:0, top:200px / width:800px, height:100px / 상하스크롤시 : 가려질경우만, 상단 위치고정,고정시 전체넓이

상단에서 100픽셀내로 접근하면 화면에 고정되는 셀설정. 즉, 바로 위에 고정된 셀과 붙은채로 고정된 효과를 줍니다.

위치 : 절대위치 / left:0, top:500px / width:800px, height:50px / 상하스크롤시 : 가려질경우만, 상단 위치고정,고정상단위치 :100px

위셀처럼 상단에서 150픽셀내로 접근하면 화면에 고정하지만, 고정시 높이를 30픽셀로 줄이도록 설정된 셀

셀속성에서 내용물 범위초과시 hidden 으로 설정해놓았기 때문에,

지금 보이는 글자가 상단에 고정되면 일부는 가려져서 안보이는 효과를 줄수 있죠.

위치 : 절대위치 / left:0, top:800px / width:800px, height:120px / 상하스크롤시 : 가려질경우만, 상단 위치고정,고정상단위치 :150px, 고정시높이:30px / 노출순서:90으로 낮게 설정함

해당 셀은 초기 높이를 0으로 주고, overflow값은 hidden 으로 설정해 보이지 않지만, 상단에 가려지면 높이를 100픽셀로 설정하도록 한 셀.

해당 효과를 이용하여 스크롤시 특정 광고와 같은 내용을 보여주는 효과를 구현할 수 있겠죠.

위치 : 절대위치 / left:0, top:1000px / width:800px, height:0px, 셀크기보다 큰내용처리:hidden / 상하스크롤시 : 가려질경우만, 상단 위치고정,고정상단위치 :0px, 고정시높이 :100px

가장 일반적인 스크롤효과.

상단에 가려지는 경우만 따라다니도록 설정된 셀.