[CSS/JS] 티스토리 스크롤 졸졸 따라다니는 플로팅 배너 만들기
2019.07.16
반응형 웹사이트들이 많아지면서 스크롤 내리면 떠있는 메뉴, 광고 등을 보여주도록 하는 기법들이 많이 사용되고 있습니다. CSS를 알면 간단하게 처리할 수 있으며, javascript까지 알면 지금 WENDY의 ANALOG N0TE처럼 스크롤 내리면 그때부터 따라오도록 처리하는 등 여러 가지 처리를 할 수 있습니다. 플로팅 메뉴 동작 모습 우측에 보면 스크롤을 내려도 최근 글, 최근 댓글 메뉴가 떠있는 메뉴로 동작중인 것을 보실 수 있습니다. 스크롤이 아무리 길어지더라도 보여주고 싶은 메뉴를 보여줄 때 사용할 수 있습니다. 주의하실 점은 구글 애드센스를 플로팅 메뉴에 적용하는 것은 정책에 위배될 수 있으므로 책임은 본인에게 있습니다. javascript code 흔한 기법이지만 CSS를 몰라서, Javas..