2012-11-08 1 views
0

enter image description here 나는 예술에 대해이 great site을 발견했습니다. 왼쪽 머리글을 맨 위에 올리고 특정 장소에서 멈추게 할 수 있는지 궁금합니다. 내 이해로 인해 position: absolute;은 항상 위에 붙어 있어야합니까?맨 위로 스틱을 올려 CSS를 작성하십시오 - [예제 사이트를 가지고 있습니다]

같은 것을 만들기 위해 자바 스크립트 또는 CSS 만 필요합니까? 제공된 예가 대단 할 것입니다.

+1

와우, 나는 초대에 대한 효과 ("요청 초대"버튼)를 좋아합니다. –

답변

2

예, JS를 사용하여 효과를 나타내는 것처럼 보입니다. 가장 쉬운 방법은 Chrome/Chromium의 요소 검사 (Inspect Element)를 누른 다음 기사를 스크롤하는 것입니다. 스크롤 할 때 인라인 position 속성이 어떻게 바뀌는 지 확인하십시오. JS를 통해서만 가능합니다.

그 이상의 모든 스크립트가 축소 되었기 때문에 말하기는 어렵지만 어떤 문서가 표시되는지 검색하기 위해 jQuery.scroll()의 콜백을 사용한다고 가정하고이를 바탕으로 고정/절대 스타일 스왑을 허용합니다 스크롤 할 헤더.

2

요소를 검사하고 아래로 스크롤하면 어떻게 작동하는지 확인할 수 있습니다.

약을 약 90px로 스크롤 할 때까지 absolute으로 변경 한 다음 static으로 변경합니다. 정적은 요소가 페이지에서 떠오르게합니다.

1

Way Points plugin은 내가 찾고있는 것입니다. 그것은 당신이, 당신은 물론

스크롤 사용자를 모니터링하기 위해 jQuery를 일부 자바 스크립트를 필요로하기 위하여려고하고있다에만 CSS로이 작업을 수행 할 수없는 사용자가

스크롤 위치를 기반으로 고정 된 절대에서 위치 변경 jQuery를 사용 스크롤을 감지하고 위치를 수동으로 변경하기 위해 스크립트를 작성할 수도 있지만 자바 스크립트가 아니라는 사실을 이미 알지 못했기 때문에 많은 경험이 없거나 절대 위치 지정을 사용하면 맨)는 도전적으로 플러그인을 사용하고 어떻게 작동하는지 익숙하게 사용합니다.

관련 문제