반응형 노션 스크롤바 만들기 - 3가지 활용 방법 소개 노션은 현재 많은 사람들이 활용하는 공유 문서 플랫폼입니다. 하지만 많은 내용을 담고 있는 노션 페이지는 스크롤바가 없으면 사용자들이 페이지를 스크롤 하는 데에 어려움을 겪을 수 있습니다. 이에 따라 노션 스크롤바를 커스텀하거나 다른 방법을 통해 활용하는 방법들을 알아보고자 합니다. 이 글에서는 3가지 활용 방법에 대해 자세히 알아보겠습니다. 1. 노션 기본 스크롤바 사용하기 노션은 기본적으로 자체 스크롤바를 제공합니다. 따라서 추가적인 설정이 필요 없이 웹 브라우저의 기본 스크롤바가 표시됩니다. 이 방법은 사용자에게 친숙한 UI를 제공하므로 특별한 기능을 필요로 하지 않는 경우 유용합니다. 예를 들어, 긴 문서를 작성하거나 표나 목록을 작성하는 경우에는 노션의 기본 스크롤바가 충분히 효과적입니다... 2024. 1. 23. 노션 스크롤바 만들기 방법해몽 노션 스크롤바란 무엇인가? 노션은 현재 많은 사람들이 즐겨 사용하는 생산성 도구입니다. 노션에서는 글이나 이미지 등 다양한 콘텐츠를 작성할 수 있는데, 글이나 페이지의 크기가 커지면 스크롤바를 사용하여 내용을 스크롤할 수 있습니다. 하지만 기본적으로는 스크롤바가 매우 얇고 작게 표시되는데, 이를 커스터마이징하여 더 사용자 친화적인 스크롤바를 만들어보고자 합니다. 노션 스크롤바 만드는 방법 노션 스크롤바를 커스터마이징하기 위해서는 CSS 코드를 사용해야 합니다. 노션 페이지 상단의 메뉴 중 "스타일" 메뉴를 선택한 뒤 "메인 스타일 바꾸기"를 클릭합니다. 그런 다음, 아래 코드를 복사하여 "범위"란에 붙여넣고 "업데이트" 버튼을 클릭합니다. p { scrollbar-width: thin; scrollbar.. 2024. 1. 22. 이전 1 다음 반응형