웹 세로 스크롤바가 생기는 현상 막기

quasar vue3로 웹 개발중인데 페이지가 나올 때마도 오른쪽에 vertical 스크롤바가 잠깐 나타났다 사라지는 현상을 어떻게 막을 수 있지?

라고 Claud.ai 에 물어보니

이 문제는 콘텐츠의 너비가 일시적으로 뷰포트 너비를 초과하여 발생하는 경우가 많습니다. 이를 해결하기 위한 몇 가지 방법을 제안해 드리겠습니다:
CSS overflow-x 속성 사용:
body나 최상위 컨테이너에 overflow-y: hidden;을 적용하여 가로 스크롤을 숨깁니다.

body {
  overflow-y: hidden;
}

이걸 적용하니 잘 해결되었다.