CSS 스크롤 따라다니는 메뉴 만들기(플로팅 메뉴)


CSS 스크롤 따라다니는 메뉴 만들기(플로팅 메뉴)

요즘 웹 서핑을 하다보면 상단의 메뉴가 따라다니는 것을 심심치 않게 볼 수 있다. 이를 플로팅 메뉴라고 한다. 필자는 처음 퍼블리셔를 시작하고 이 메뉴를 처음 봤는데 '복잡한 자바스크립트나 제이쿼리가 들어가겠지?' 라고 생각했지만, CSS만으로도 충분히 쉽게 만들 수 있던 기능이어서 충격을 받았었다. 물론 자바스크립트나 제이쿼리로 못 만든다는 것은 아니다. 플로팅 메뉴는 왜 사용하는가? 사용자 경험 향상: 플로팅 메뉴는 사용자가 웹 페이지를 스크롤할 때 항상 메뉴에 쉽게 액세스할 수 있도록 한다. 이렇게 함으로써 사용자는 내비게이션을 찾기 위해 맨 위로 스크롤할 필요가 없어지므로 사용자 경험이 향상 된다. 내비게이션 효율성 증대: 긴 페이지에서 사용자가 내비게이션 메뉴를 지속적으로 사용할 수 있도록 함으..


원문링크 : CSS 스크롤 따라다니는 메뉴 만들기(플로팅 메뉴)