프로젝트에서 세부메뉴를 눌렀을 때 스크롤이 부드럽게 이동하도록 변경해달라는 피드백을 받아서 수정하게 되었다.
현재 a태그 href 속성에 다른요소의 ID값을 주면 마치 순간이동을 하듯 휙 이동해 버린다. 그런데 딱 한 줄만 추가하게 되면 그 값으로 스르륵 이동하게 된다.
html {
scroll-behavior: smooth;
}
https://www.w3schools.com/cssref/tryit.asp?filename=trycss_scroll_behavior
위 사이트를 활용하면 더욱 더 쉽게 이해할 수 있다.
w3school에는 정말 좋은 자료가 많다고 다시 한 번 느꼈다. 영어라서 거부감이 느껴지지만 시간 날 때마다 공부해보아야 겠다.