jquery를 javascript로 바꿔보자 - fixed 활용한 플로팅 배너

앞서 포스팅한 "jquery를 javascript로 바꿔보자 - 퀵스크롤(플로팅 배너) 기능" 과는 조금 다른 듯한 플로팅 배너 코드를 적어볼게요. 고정배너 위 코드대로 하면 이렇게 떠있는 배너가 생성됩니다. 여기에 아래 jquery 코드를 이용해 따라다니는 플로팅 배너로 만들 수 있습니다. 이렇게 코드를 적용한 다음 스크롤을 내리면 배너가 fixed 로 변경되면서 화면 안쪽에 고정되어 따라다니게 됩니다. 여기서 핵심은 scroll_btn 에 position fixed 를 주는 것이 아니라 scroll_btn 안에 있는 a 태그에 스타일(css)을 적용시켜 줘야 된다는 점입니다. 만약에 scroll_btn 에 해당 css 를 주면 아래처럼 화면 밖으로 나가버리게 됩니다. 위 css 부분을 잘 살펴보시기 ..

2024.03.15