쓴미나리 노트
  • 홈
  • 태그
  • 방명록
  • 메뉴 닫기
  • 글작성
  • 방명록
  • 환경설정
    • 분류 전체보기 (92)
      • 💻 IT (5)
      • 🧩 일하고 정리하기 (0)
      • 📂 WEB (7)
        • HTML (0)
        • CSS (4)
        • JavaScript◦JQuery (2)
      • 📂 JavaScript (46)
        • JavaScript (4)
        • TypeScript (8)
        • 코딩테스트 - 프로그래머스 (32)
        • Node (1)
      • 📂 Library (1)
        • React (0)
      • 💡 알쓸잡 (23)
      • 📚 책 (2)
      • 👵🏻 철학 (1)
      • 🎬 영화 (3)
  • 홈
  • 태그
  • 방명록
반응형
📂 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
  • «
  • 1
  • »
반응형

전체 카테고리

  • 분류 전체보기 (92)
    • 💻 IT (5)
    • 🧩 일하고 정리하기 (0)
    • 📂 WEB (7)
      • HTML (0)
      • CSS (4)
      • JavaScript◦JQuery (2)
    • 📂 JavaScript (46)
      • JavaScript (4)
      • TypeScript (8)
      • 코딩테스트 - 프로그래머스 (32)
      • Node (1)
    • 📂 Library (1)
      • React (0)
    • 💡 알쓸잡 (23)
    • 📚 책 (2)
    • 👵🏻 철학 (1)
    • 🎬 영화 (3)
Powered by Privatenote Copyright © 쓴미나리 노트 All rights reserved. TistoryWhaleSkin3.4

티스토리툴바