원하는 영역에만 스크롤 사용하기 overscroll-behavior

웹페이지에서 사이드메뉴, 사이드바 또는 컨텐츠 안의 또다른 영역에 스크롤바가 있을경우 해당부분을 스크롤 하다가 스크롤이 더 이상 안되는 부분에서 스크롤이 부모 요소로 전달되는 것을 방지하고 싶을때 사용합니다.

overscroll-behavior: auto | contain | none;

atuo :       기본값, 스크롤이 부모에게 전달된다

contain :  스크롤이 자식에게 전달된다.

none :      스크롤이 전달되지 않는다.

overscroll-behavior: auto none;
overscroll-behavior: contain contain;
overscroll-behavior: none none;

x,y 별도 지정이 가능합니다.