위로 스크롤할 때 페이지 하단에 요소를 고정하는 방법은 무엇입니까?

Question

내가 달성하려는 것은 다음과 같습니다: https://imgur.com/a/YFcfO3N

기본적으로 페이지를 위로 스크롤할 때 페이지 하단에 고정되는 메뉴를 원합니다.

Answer 1

방금 개발자 콘솔을 확인했습니다. https://imgur.com/a/YFcfO3N a> 다음 CSS 속성과 함께 "Footer-wrapper" 클래스가 있는 바닥글 컨테이너를 사용하고 있는 것 같습니다.

으아악

아래로 스크롤하면 컨테이너에 "down"이라는 또 다른 클래스가 추가됩니다.

으아악

음수 위치는 바닥글/메뉴 높이와 일치해야 합니다.

JavaScript를 사용해서 이런 작업을 하는 것 같아요. 다음과 같이 JavaScript로 사용자가 페이지 상단에 있는지 확인할 수 있습니다. 으아악

클래스는 다음과 같은 요소에 추가될 수 있습니다:

으아악

다음과 같이 삭제하세요.

으아악

EDIT: 죄송합니다. 먼저 질문을 오해했습니다. 하지만 달성하려는 목표도 비슷한 방식으로 달성할 수 있습니다. 샘플 메뉴를 살펴보겠습니다.

으아악

이 CSS를 사용하세요

으아악

그리고 이 JavaScript

으아악

가능해야 합니다.