🚀 개요

2025년 3월 Chrome 135로 업데이트 되며 스크롤 및 캐러셀 환경에서 쓰일 수 있는 ::scroll-button() & ::scroll-marker() 의 예시를 다뤄보겠다

1편에서는 chrome 133에서 업데이트 된 scroll-state()에 대한 내용을 다루었는데 같이보면 좋을듯!
🔗 [CSS] 최신 스크롤 제어 기능 - (1) : scroll-state()

---

🚀 scroll-button()

scroll-button()란?

기본문법

예제코드 HTML / CSS

예제코드 설명

scroll-marker()란?

---

🚀 시각적으로 비교해보기 - 데모사이트

🔗 데모 사이트 바로 가기 – 크롬 최신 버전만 지원하므로 지원 현황 살펴보기(safari 지원 X)

---

📌 브라우저 지원 현황 (2025년 5월 기준)

---

🔗 참고 자료

• 📘 CSS scroll-button() & scroll-marker()