Codepen 고정 메뉴는 어떻게 작동합니까? (전체 화면 모드에서 펜) 모바일 장치에서 Codepen를 사용하는 경우

Question

은 메뉴가 페이지 상단에 고정 된 상태를 유지하면서 뒤에 콘텐츠 스크롤의 나머지. 요소를 검사 할 때 고정 위치 또는 절대 위치가 설정되지 않았으며 Javascript에 의해 작성된 인라인 스타일도 절대 설정되지 않습니다. 이 동작을 정의하는 것으로 보이는 속성을 볼 수 없습니다.

그래서 그들은이 같은 끈적 메뉴를 만든 방법? 그리고 당신이 알아낼 수 있었다면 : 어떻게 알았습니까? 주니어 개발자로서 솔루션을 찾은 해결책을 아는 것이 도움이 될 것입니다.

Answer 1

적어도 재현하려는 스크린 샷과 지금까지 해봤습니까? 당신이 세부 사항에 좀 더 보았다 경우

, 당신은보기가 iframe 안에있는 것을 볼 수있을 거라고, 그래서 스크롤 실제로 iframe을 내부 메뉴가 상단에 여전히 보유 이유, 그건 발생합니다. 당신은 스크롤이 너무 실제로 내부 iframe 것을 알 수 있었다.

은 아래의 이미지를 참조하십시오