스크롤을 더 할 수 있다? 스크롤 영역에 관한 인디케이터

스크롤 영역 자체를 보여주는 것이 디자인을 침해하는 상황이 잦습니다. 

그래서 요즘 디자인에서 스크롤 영역을 가리는 부분들이 많은데요.

이를 대체하기 위한 방법들에 대해서 소개합니다.

 

특히 macOS같은 경우는 스크롤 시에만 스크롤을 노출 시켜줍니다.

 

아래의 코드들을 보시면 예시1은 스크롤에 대한 대책이 없어서 문제인 상황이고 2부터는 문제해결 상황입니다.

예시 2같은 경우는 스크립트가 별도로 필요없고, 3,4,5 같은 경우는 스크립트가 일부 필요합니다.

유용한 정보이길 바랍니다. 감사합니다.

See the Pen Indicating Scrollable Content by YoungMinKim (@oinochoe) on CodePen.

출처 : https://css-tricks.com/thats-just-how-i-scroll/