html { scroll-behavior: smooth; } 전체 코드 // html 코드 <!DOCTYPE html> <html lang="en"> <head> <title>상세 페이지</title> </head> <link rel="stylesheet" href="style.css" /> <body> <div class="wrap"> <main> <div class="product__top">상품 상세설명</div> <nav class="tap"> <ul> <li><a href="#tap1">상품상세</a></li> <li><a href="#tap2">상품평</a></li> <li><a href="#tap3">상품문의</a></li> <li><a href="#tap4">배송/교환/반품 안내</a></li> </ul> </nav> <div id="tap1" class="tab__content">상품상세 내용</div> <div id="tap2" class="tab__content"...
#CSS
#scrollbehavior
#부드러운스크롤
#스크롤이동
원문링크 : CSS를 활용한 부드러운 스크롤 이동
네이버 블로그
티스토리
커뮤니티