그냥, 일단 써내려가자

  • 홈
  • 태그
  • 방명록

scroll-behavior 1

[HTML/CSS]a태그 클릭시 섹션 부드럽게 넘어가기(scroll-behavior)

안녕하세요 :) 무택입니다🧔 오늘은 간단하지만 인풋대비 좋은 아웃풋을 낼 수 있는 기능을 가져왔습니다. 홈페이지에서는 잘 사용하지 않지만 원페이지로 되어있는 있고 페이지의 길이가 긴 경우에 사용하기 좋은 기능입니다. 바로 scroll-behavior 설정입니다. See the Pen [CSS]a태그 클릭시 섹션 부드럽게 넘어가기(scroll-behavior) by TytanLee (@TytanLee) on CodePen. 위처럼 html에 'scroll-behavior: smooth;' 값을 주면 페이지 전체에 a태그 클릭 시 부드럽게 이동하는 효과를 적용할 수 있습니다. 서치 하다 보니 옛날에는 js라이브러리를 이용해서 구현했던 것 같은데 지금은 위 기능으로도 충분히 좋은 ux를 적용할 수 있으니 시대..

🧑‍💻개발/HTML·CSS 2023.03.22
이전
1
다음
더보기
프로필사진

일상생활의 생각들, 공부하는 것들, 취미생활. 평범한 일상을 기록해 갑니다.

공지사항

  • 20만 조회수 기념 이벤트
  • 분류 전체보기 (274)
    • 📕스토리 (4)
    • 🍖냠 (6)
      • 제품 리뷰 (2)
      • 식당 리뷰 (4)
    • 🔎제품 (2)
    • 🧑‍💻개발 (96)
      • HTML·CSS (23)
      • JS (15)
      • jQuery (7)
      • 라이브러리 (12)
      • 개발자도구 (5)
      • 아카이브 (27)
      • 코딩애플 (4)
    • 🎨디자인 (77)
      • 포토샵 (44)
      • 포토샵 SOS (12)
      • 일러스트 (3)
      • 디자인 (15)
    • 💙취미 (10)
      • 블렌더 (2)
      • ISTJ의 감상평 (2)
    • 🏷️생활 팁 (37)
    • ✏️티스토리 (12)
    • ✈️여행 (5)
    • 💡생성 AI (9)
    • 🪄심리테스트 (2)
    • 오류 해결노트 (9)

최근글과 인기글

  • 최근글
  • 인기글
맨 위로
300x250

Copyright © Kakao Corp. All rights reserved.

0

티스토리툴바