📂 WEB/JavaScript◦JQuery
[JQuery] 플로팅 배너 만들기
플로팅 배너, 따라다니는 배너 만들기 플로팅 배너는 말 그대로 페이지 내에 떠있는 배너를 말한다. 플로팅 배너를 고정형과 이동형 2가지로 구분할 수 있다 고정형 플로팅배너 웹페이지에서 배너 위치는 고정되어 있고 스크롤하면 따라 움직이는데 육안으로는 움직이는 느낌보다는 배너가 고정되어 있는 느낌을 준다. 이동형 플로팅배너 스크롤하면 배너가 스르륵 따라서 움직이는 형식 예제로 만들어 볼 것은 이동형 플로팅배너!! 🎈 HTML data 🎈 CSS .main { height: 500vh; } .floating { position: absolute; top: 50%; transform : translateY(-50%); width: 10vw; height: 20vw; background: coral; } 🎈 SC..
2024. 3. 29. 17:26