CSS로 스크롤할 때 뷰포트 상단에 Div를 어떻게 수정합니까?

CSS를 사용하여 스크롤 시 Div 수정

귀하의 질문은 스크롤한 후에도 div를 고정된 상태로 유지하는 것과 관련이 있습니다. 앞서 언급한 대로 position:fixed를 div에 적용하면 페이지에 나타나기 전에 표시됩니다.

다행히도 CSS의 발전으로 이제 이 기능이 가능해졌습니다.

고정 위치 속성은 9gag의 두 번째 광고와 유사하게 div가 뷰포트 상단에 도달하면 고정된 상태로 유지되도록 합니다.

jQuery Alternative

이전 브라우저와의 호환성을 위해 원래 jQuery 접근 방식은 다음과 같습니다.

위 내용은 CSS로 스크롤할 때 뷰포트 상단에 Div를 어떻게 수정합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!