스크롤바

"오늘의AI위키"는 AI 기술로 일관성 있고 체계적인 최신 지식을 제공하는 혁신 플랫폼입니다.
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.

1. 개요
2. 구성 요소 및 조작
3. 스크롤바 배치
- 3.1. 수직 스크롤바를 왼쪽에 배치하는 경우
- 3.2. 상황에 따라 추가 표시되는 경우 (오버레이 스크롤바)
4. 인터페이스로서의 스크롤바
5. 디자인 및 사용자 정의
6. 한계 및 문제점
7. 역사
8. 동시 2차원 스크롤링
9. 관련 연구
참조

1. 개요

스크롤바는 컴퓨터 인터페이스에서 화면에 표시되지 않는 콘텐츠를 탐색하기 위한 구성 요소이다. 손잡이, 화살표, 본체 등의 요소로 구성되며, 마우스, 터치패드, 키보드, 스크롤 휠 등 다양한 방식으로 조작할 수 있다. 스크롤바는 윈도우 내의 오른쪽 또는 아래에 배치되는 것이 일반적이며, 오버레이 스크롤바와 같이 화면 공간을 효율적으로 활용하는 방식도 있다. 스크롤바는 디자인 및 사용자 정의가 가능하며, CSS 등을 통해 모양을 변경할 수 있다. 하지만, 스크롤바는 사용성이 제한적일 수 있으며, 긴 문서 탐색에 정확성이 떨어지는 등의 한계도 존재한다. 스크롤바는 1970년대부터 다양한 형태로 발전해 왔으며, 양손 상호 작용과 같은 관련 연구도 진행되었다.

더 읽어볼만한 페이지

위젯 - 리본 (컴퓨팅)
리본은 그래픽 사용자 인터페이스의 일종으로, 탭으로 그룹화된 명령어 버튼과 아이콘 패널로 구성되어 마이크로소프트 오피스 2007에서 널리 알려졌지만, 기능 접근성 향상에도 불구하고 작업 공간 문제와 적응의 어려움이 있다.
위젯 - 메뉴 모음
메뉴 모음은 운영체제 및 응용 프로그램에서 명령, 설정, 기능에 접근하는 가로 막대 형태의 인터페이스 요소로, 구현 방식은 다양하며 키보드 단축키로 접근성을 높일 수 있다.

스크롤바
개요
종류	그래픽 사용자 인터페이스 요소
용도	현재 표시되지 않는 내용을 보기 위해 창, 뷰포트 또는 화면의 내용을 위 또는 아래, 왼쪽 또는 오른쪽으로 이동 문서 탐색 및 게임을 포함한 다양한 애플리케이션에서 사용
특징
기능	스크롤 막대를 클릭하여 전체 내용을 표시하거나 가로 또는 세로로 이동 가능 스크롤 막대에는 페이지의 상대적 위치와 내용을 나타내는 스크롤 상자가 있음
유형	연속 스크롤 불연속 스크롤
동작	클릭, 드래그, 마우스 휠 사용
장점	화면 공간 절약 사용 편의성
단점	직관적이지 않을 수 있음
참고 사항
어원	스크롤(scroll) 동작에서 유래
대체 용어	스크롤러(scroller)
사용성	터치 스크린 장치에서 스크롤 제스처로 대체되는 경향이 있음

2. 구성 요소 및 조작

스크롤바는 화면 스크롤을 위해 다음과 같은 구성 요소들을 포함하며, 각 요소를 조작하여 스크롤할 수 있다.

'''손잡이 (Thumb, Knob):''' 현재 화면에 표시되는 내용의 위치 및 전체 내용 중 차지하는 비율을 시각적으로 보여준다.
'''화살표 (Arrows):''' 스크롤바 양 끝 또는 한쪽에 위치한 화살표 모양 버튼으로, 클릭 시 내용이 한 줄씩 스크롤된다.^[15]
'''본체 (Trough, Track):''' 손잡이와 화살표를 배치하고 제어하는 부분이다.
'''기타 조작 방법:'''
마이크로소프트 윈도우에서는 마우스 스크롤 휠로 스크롤할 수 있다.^[16]
키보드 화살표 키로 페이지를 상하좌우 스크롤할 수 있다.
일부 윈도우 장치는 터치패드 측면 스크롤 영역을 통해 스크롤을 지원한다.^[19]
Mac 트랙패드에서는 두 손가락 스크롤이 가능하다.

2. 1. 손잡이 (Thumb, Knob)

스크롤바에서 움직이는 부분으로, 현재 화면에 표시되는 내용의 위치와 전체 내용 중 차지하는 비율을 시각적으로 나타낸다. 사용자는 손잡이를 마우스로 드래그하거나, 트랙패드에서 두 손가락으로 드래그하여 스크롤할 수 있다. 손잡이의 크기는 전체 내용 중 현재 화면에 표시되는 내용의 비율을 나타낸다. (비례 스크롤바)^[15]

손잡이는 다양한 이름으로 불리는데, Macintosh에서는 "스크롤러"라고 불린다.^[32] Java 플랫폼의 AWT, Swing, JavaFX에서는 "버블", "썸", "스크롤 박스", "노브" 등으로 불린다.^[33]^[34] 마이크로소프트의 MSDN 문서에서는 "스크롤 박스", "썸", "스크롤 썸"이라고 칭한다.^[35] ^[36] ^[37] ^[38]

2. 2. 화살표 (Arrows)

스크롤바의 양쪽 끝 또는 한쪽 끝에 있는 화살표 모양의 버튼으로, 클릭하면 내용이 한 단위(주로 한 줄)씩 스크롤된다.^[15] 화살표 버튼을 계속 누르고 있으면 내용이 연속적으로 스크롤된다(리피트 버튼).^[15] 화살표 배치는 스크롤바 양쪽에 분산 배치되는 경우와 한쪽 끝에 모아서 배치하는^[39] 두 가지 방식이 있다. 전자는 "노브를 상하좌우로 이동시키고 싶을 때는 상하좌우 각각의 끝에 있는 화살표를 조작한다"라는 표현으로 직관적이고 자연스럽지만, 후자의 집중 배치형은 화살표 간의 거리가 가까워 마우스 이동의 효율이 좋다.

썸을 드래그하거나 마우스를 다른 화살표까지 멀리 움직일 필요 없이 빠르고 정확하게 조작할 수 있도록 두 개의 화살표 버튼이 서로 나란히 나타나기도 하는데, 이는 Mac OS 8.5에서 옵션으로 제공되었다.^[17] 또한 버튼 중 하나가 중복되어 막대 양쪽 끝에 표시되므로 개별 및 인접 버튼에 익숙한 사용자에게 친숙함을 제공한다. 이러한 화살표 버튼은 Mac OS X 10.7까지 존재했지만, 트랙패드 제스처와 스크롤 휠 마우스가 도입되면서 사라졌다.^[17] BeOS에서는 양방향 화면 스크롤 버튼이 스크롤 막대 양쪽 끝에 나타났다.

2. 3. 본체 (Trough, Track)

스크롤바의 본체는 손잡이와 화살표를 적절하게 배치하고 제어한다. 이 부분을 클릭하면 페이지 양이 충분할 경우, 대개 텍스트 1페이지가 이동한다. Shift 키를 누른 상태에서 본체 부분을 클릭하면, 클릭한 지점으로 손잡이가 이동한다.^[15] 페이지 맨 위에서 맨 아래로 한 번에 이동할 때는 Shift를 누른 상태에서 화살표 (아래 방향)의 약간 위를 누른다.

2. 4. 기타 조작 방법

마이크로소프트 윈도우에서는 마우스의 스크롤 휠을 사용하여 스크롤할 수 있다. 휠을 원하는 방향으로 돌리면 내용도 같은 방향으로 이동한다.^[16] 대부분의 마우스는 위아래로만 스크롤할 수 있지만, 일부 마우스는 모든 방향(위, 아래, 왼쪽, 오른쪽, 대각선)으로 스크롤할 수 있는 휠을 가지고 있다.

키보드의 화살표 키를 눌러 페이지를 위, 아래, 왼쪽, 오른쪽으로 스크롤할 수도 있다. 이 방법은 보통 다른 방법에 비해 화면 스크롤 속도가 매우 느리다. 화살표 키를 누르면 스크롤 제한에 도달할 때까지 페이지가 계속 스크롤된다.

일부 윈도우 지원 장치는 터치패드 측면에 스크롤 영역이 있다. 이 영역에 손가락을 대고 위아래 또는 좌우로 움직여 페이지를 스크롤할 수 있다.^[19]

Mac 트랙패드에서는 두 손가락 스크롤을 사용할 수 있다. 두 손가락 끝을 트랙패드 표면에 대고 움직이면 된다. 사용자가 트랙패드 스크롤 방향을 "자연스럽게"로 설정한 경우, 두 손가락을 트랙패드 상단으로 움직이면 페이지가 위로 스크롤되고, 반대로 하단으로 움직이면 페이지가 아래로 스크롤된다. 두 손가락을 트랙패드 위로 빠르게 움직인 후 떼면, 페이지는 스크롤 제한에 도달하거나 속도가 느려져 멈출 때까지 튕긴 방향으로 계속 스크롤된다. 이 기능을 관성이라고 한다.

3. 스크롤바 배치

스크롤바는 일반적으로 창의 오른쪽(수직 스크롤바)과 아래쪽(수평 스크롤바)에 배치된다. 이러한 배치는 Xerox Star에서 처음 채택되었다.^[40] 콘텐츠의 크기가 창 크기를 초과하는 경우에만 스크롤바가 자동으로 표시되는 모드도 있다.^[41]

3. 1. 수직 스크롤바를 왼쪽에 배치하는 경우

앨런 케이 등이 임시 다이나북 환경 (Alto에서 동작하는 스몰토크)에서 위젯으로서의 "페인"(윈도우 표시 영역을 분할하는 구획)에 부속되는 것으로 처음 고안·구현하였다^[43](1976). 이 시점에서는 왼쪽에 배치되는 방식이 채택되었다^[44].

그래픽 인터페이스 상의 표현에서 중요한 기능이 왼쪽에 집중되는 경우가 많고, 포인터나 시선의 이동 효율이 좋다는 점이 왼쪽에 배치하는 것의 장점으로 꼽힌다^[45]. 스몰토크-76^[46](1976), -80^[47](1981) 등의 고전적인 스몰토크 처리계의 GUI 외에도 초기 리스프 머신(Symbolics Genera OS(1982), Xerox Interlisp-D^[48](1983))이나 카네기 멜론 대학교의 앤드루 시스템^[49](1982), 유닉스 최초의 그래픽 터미널(Blit(1982)), NeXTSTEP(1988)의 GUI 등에서 스크롤바의 왼쪽 배치가 채택되었다.

아랍어처럼 오른쪽에서 왼쪽으로 표기하는 언어판 인터페이스에서는, 왼쪽에서 오른쪽으로 표기하는 다른 언어와의 대칭성을 고려하여 스크롤바는 왼쪽에 배치되는 것이 일반적이다.

3. 2. 상황에 따라 추가 표시되는 경우 (오버레이 스크롤바)

iOS 기기나 macOS (OS X Mavericks 이후) 등을 통해 서서히 보급되고 있는 오버레이 렌더링 스크롤바는 마우스 오버(또는 터치 조작인 경우 스크롤 동작)를 통해 스크롤바를 표시한다.^[19]

이 방식은 창 내에 고정된 스크롤바 표시 영역을 차지하지 않아 화면 효율을 높일 수 있다는 장점이 있다. 표시 영역을 절약하는 것 외에도 화면 표시를 간결하고 세련되게 유지하는 데도 도움이 된다. 한편, 스크롤바가 표시되지 않는 상태에서는 창이나 페인이 스크롤 가능한지 여부와 전체 내용에서 현재 표시된 내용의 비율을 알 수 없다는 단점도 발생할 수 있다.

이 패턴의 역사는 오래되었는데, 앞서 언급했듯이 Smalltalk에서의 GUI 최초의 스크롤바는 이와 유사한 방식(오버레이 표시가 아닌, 당시 흑백 2진 표시에서도 구현이 용이했던 창이나 페인의 왼쪽에 즉시 그려 추가하는 방식)으로 구현되었다.

4. 인터페이스로서의 스크롤바

스크롤바는 화면의 고정 영역을 차지하고 정보를 가리기 때문에, 가능한 한 사용을 피해야 한다. 하지만 화면 크기에는 한계가 있으며, 필요한 크기를 미리 알고 있는 경우는 드물다. 또한 휠을 사용하면 이동을 도울 수 있지만, 전체 크기나 위치는 여전히 필요하다.

다른 대체 수단으로는, 3차원 컴퓨터 그래픽스의 3D 뷰 등에서 마우스 커서의 이동이나 드래그를 활용한 줌이나 패닝을 통해 전체를 확대 축소·이동하는 인터페이스 등이 고안되었다.

모바일 등 터치 인터페이스 환경에서는 화면 스크롤은 기본적으로 스와이프나 플릭과 같은 조작으로 수행하므로, 스크롤바는 단순히 문서 전체에 대한 현재 표시 영역을 나타내는 목적으로 제한적으로 사용되는 경우가 많다.

5. 디자인 및 사용자 정의

웹 페이지에서 스크롤바의 모양을 변경하는 일반적인 방법은 캐스케이딩 스타일 시트(CSS) 지시문을 사용하여 스크롤바 색상을 변경하는 것이다. 이는 비표준이며 마이크로소프트 인터넷 익스플로러 버전 5.x 이상 및 오페라에서만 지원된다.^[23]^[24] WebKit 기반 브라우저에는 다음과 같은 가상 요소가 있다.

`::-webkit-scrollbar`
`::-webkit-scrollbar-button`
`::-webkit-scrollbar-track`
`::-webkit-scrollbar-track-piece`
`::-webkit-scrollbar-thumb`
`::-webkit-scrollbar-corner`
`::-webkit-resizer`

WebKit은 또한 스크롤바의 스타일을 수정하기 위한 많은 가상 클래스를 제공한다.^[25]

PC 버전 Gmail의 받은 편지함 페이지나 "Google 사이트" 서비스를 사용하여 개설된 웹사이트 등을 해당 브라우저로 열람하면 자체 디자인의 스크롤바가 나타난다. 구글 크롬은 문서에서 특정 검색어가 발견된 위치를 나타내기 위해 세로 스크롤바에 트로프 마크를 도입하기도 한다.^[26]

jQuery 등을 사용하여 스마트폰을 포함한 모든 브라우저용으로 자체 디자인의 스크롤바를 설정하는 경우도 있다.

6. 한계 및 문제점

컴퓨터를 잘 아는 사용자는 스크롤바에 익숙하지만, 지식이 제한적인 사용자는 특히 최근의 변형된 스크롤바를 보았을 때, 도움 없이 직관적으로 이해하지 못할 수 있다.^[27] 사용자 능력에 관계없이, 다양한 유형의 스크롤바와 상호 작용에서 여러 가지 문제가 발견될 수 있다.

설계 측면에서, 창 크기가 이미 작은 경우 스크롤바가 존재하면 보이는 콘텐츠 영역이 더 줄어들 수 있다.^[20] 최근의 일부 사라지는 스크롤바는 이 문제를 완화하는 데 도움이 되지만, 더 전통적인 스크롤바는 특히 가로 및 세로 스크롤바가 모두 있는 경우 이를 피하지 못한다.

사용 측면에서 많은 일반적인 문제는 정확성과 관련이 있다. 스크롤바와 표시 사이의 매핑은 선형이므로 사용의 정확성은 콘텐츠 크기에 비례한다.^[28] 따라서 더 작은 문서의 탐색은 더 큰 문서의 탐색보다 간단하다. 또한 이는 문서의 모든 부분이 동일하게 강조 표시되며, 각 부분의 중요성이 스크롤바 사용으로 인식되지 않음을 의미한다.

스크롤 작업이 중단되어 콘텐츠를 보기 전까지는 스크롤이 콘텐츠의 어느 부분에 도달했는지에 대한 표시가 없는 경우가 많다. 이는 사용자가 찾고 있는 것이 무엇인지 또는 콘텐츠의 일반적인 구성을 알고 있는지 여부에 관계없이 어렵게 만든다. 표시기가 있는 경우에도 표시, 양 및 스타일에 대한 미리 결정된 설정으로 제한된다.^[21]

강조 표시와 같은 작업을 수행하면서 스크롤하려는 경우, 스크롤 양이 원하는 양과 일치하지 않아 과도하게 이동하거나 사용자가 여러 번 위치를 다시 지정해야 할 수 있다.^[29] 과도하게 이동하는 현상은 더 큰 세트 내의 단일 페이지의 상단 또는 하단 근처에 위치시키려는 경우에도 발생할 수 있다. 사용자가 시도한 작은 스크롤 조정으로 인해 스크롤이 다음 페이지로 자동 이동하는 동작을 활성화하여 더 큰 조정이 발생할 수 있다.^[15]

7. 역사

1974년 브라보 소프트웨어에서 커서를 왼쪽 여백으로 이동하면 양방향 화살표로 바뀌어 스크롤이 가능해졌다.^[4] 1977년 스몰토크는 포커스 창 왼쪽에 안정적인 스크롤바를 포함했다.^[5] 1980년 인터리스프에는 커서가 왼쪽으로 이동하면 창 왼쪽에 나타나는 스크롤바가 있었다.^[6]

1981년 제록스 스타는 스크롤바를 오른쪽으로 옮겼다.^[7] 1983년 애플 리사는 위아래를 가리키는 화살표, 페이지 버튼, 고정 크기 손잡이를 갖추었다. 1984년 매킨토시는 "스크롤 상자" 손잡이, "회색 영역" 트랙, 화살표를 갖춘 밝은 회색 직사각형을 갖추었다.^[8]

1985년 GEM은 비례 크기의 "스크롤 상자" 손잡이를 사용했다.^[8] 1988년 오픈룩은 직접 화살표 키가 있는 엘리베이터 손잡이를 만들었다.^[9] 1989년 NeXT는 스크롤바를 창 왼쪽으로 다시 옮겼다.^[10]

1997년 팜 파일럿은 스타일러스로 탭할 수 있는 화살표와 드래그 가능한 손잡이를 모두 사용했다.^[11] 2001년 Mac OS X 10.0은 비례 손잡이를 사용했고, 두 개의 화살표 버튼을 막대 하단으로 옮겼다.

2007년 아이폰과 iOS는 웹 브라우저 및 기타 응용 프로그램에 일반 스크롤바를 포함했지만, 상호 작용할 수는 없었다.^[12] 2011년 Mac OS X 10.7은 막대 끝에서 버튼을 제거했고 iOS 스크롤바와 더 유사하게 디자인되었다. "자연스러운 스크롤" 기능이 도입되었다.^[13] 2015년 마이크로소프트 워드 for Mac에서는 사라지는 스크롤바가 도입되었다.^[14]

8. 동시 2차원 스크롤링

GTK+의 GtkScrollpane은 텍스트 뷰어 gv 및 ghostview에서 구현되는 것과 같이, 평면에서 단일 사각형을 임의의 방향으로 이동시켜 2차원 공간을 이동할 수 있게 해주는 특수한 스크롤 막대와 같은 그래픽 제어 요소이다.^[22]

동시 2차원 스크롤의 또 다른 예는 단백질 서열 정렬 프로그램이다.^[22] 이 프로그램에서 가로 스크롤 막대는 다음과 같은 세 가지 추가 기능을 제공한다.^[22]

전체 장면의 개요를 제공한다.
높이를 늘릴 수 있다.
손잡이는 좌우로 움직일 수 있을 뿐만 아니라 위아래로 움직여 세로 스크롤을 할 수 있다.

RISC OS에서 왼쪽 마우스 버튼으로 스크롤 막대를 드래그하면 일반적인 방식으로 작동하지만, 오른쪽 버튼으로 드래그하면 포인터가 사라지고 두 스크롤 막대가 동시에 조작된다.^[22]

9. 관련 연구

1986년 윌리엄 벅스턴과 브래드 마이어스는 스크롤, 클릭, 크기 조정을 포함한 다양한 양손 상호 작용을 테스트했다.^[30] 이들의 연구에서 클릭과 크기 조정은 병렬로 수행되었다.^[30] 첫 번째 실험은 참가자들에게 선택/위치 지정 작업을 수행하도록 요청했고, 두 번째 실험은 복합 탐색/선택 작업을 수행하도록 했다.^[30] 이 연구는 사용자가 양손을 사용할 때 이러한 작업을 더 빠르고 병렬로 수행할 수 있지만, 반드시 동시에 양손을 사용할 필요는 없다는 것을 발견했다.^[30] 또한 사용자가 각 손으로 수행하는 작업이 더 관련성이 높을수록 요청받은 작업을 더 빠르게 수행한다는 것을 발견했다.^[30]

참조

_[1] 논문 Navigational techniques to improve the display of large two-dimensional spaces 1990
_[2] 서적 Proceedings of the working conference on Advanced visual interfaces 2004
_[3] 웹사이트 Apple Publications Style Guide 2008 https://developer.ap[...]
_[4] 서적 Alto Non-Programmer's Guide http://bitsavers.tra[...] Xerox Corporation 1979-09
_[5] 서적 How To Use the Smalltalk-76 System http://xeroxalto.com[...] Xerox Corporation 1979-10
_[6] 서적 Interlisp Reference Manual http://www.softwarep[...] Xerox Corporation 1983-10
_[7] 논문 Hands across the screen 1998
_[8] 서적 Macintosh Human Interface Guidelines Addison-Wesley 1992
_[9] 서적 XView Programming Manual ftp://ftp.ora.com/pu[...] O'Reilly & Associates, Inc. 1990
_[10] 논문 Steve Jobs' New 'machine for the '90's' 1988
_[11] 서적 PalmPilot Handbook http://www.hpwebos.c[...] 3Com Corporation 1997
_[12] 서적 iPhone User Guide https://manuals.info[...] Apple Inc. 2011
_[13] 웹사이트 Here's Why Mac OS X Lion's "Natural Scrolling" Feels So Horribly Unnatural http://www.businessi[...] Business Insider Inc.
_[14] 웹사이트 Word 2016 For Mac Quick Start Guide https://sway.com/idJ[...]
_[15] 웹사이트 User interface component and method of navigating across a boundary coupled to a scroll bar display element https://patents.goog[...]
_[16] 웹사이트 Scroll bar input device for mouse https://patents.goog[...]
_[17] 웹사이트 Workaround for Having No Scrollbar Arrows in Mac OS X Lion http://reviews.cnet.[...]
_[18] 웹사이트 Windows' Scrolling Behaviour https://www.osnews.c[...] 2009-12-10
_[19] 웹사이트 How To Use Windows 8's Gestures on a Laptop Trackpad http://www.howtogeek[...] How-To Geek LLC
_[20] 논문 10 Inventions on scrolling and scrollbars in Graphical User Interface A TRIZ based analysis 2014
_[21] 웹사이트 Method and system for providing an intelligent visual scrollbar position indicator https://patents.goog[...]
_[22] 웹사이트 http://3d-alignment.[...]
_[23] 웹사이트 Opera's Settings File Explained http://www.opera.com[...]
_[24] 웹사이트 Scrollbar-Base-Color – Cascading Style Sheets Properties http://www.blooberry[...]
_[25] 웹사이트 Styling Scrollbars http://www.webkit.or[...] 2009-03-19
_[26] 서적 Proceedings 1999 IEEE Symposium on Visual Languages
_[27] 웹사이트 Replacement of traditional scroll bar with a "more" bar https://patents.goog[...]
_[28] 웹사이트 Computer system, user interface component and method utilizing non-linear scroll bar https://patents.goog[...]
_[29] 웹사이트 Computer keyboard scroll bar control https://patents.goog[...]
_[30] 서적 Proceedings SIGCHI '86: Human Factors in Computing Systems 1986-04
_[31] 웹사이트 Scroller - Adobe ActionScript® 3（AS3 Flex）API リファレンス http://help.adobe.co[...]
_[32] 웹사이트 Scrollbar (Java Platform SE 6) https://docs.oracle.[...]
_[33] 웹사이트 JScrollBar (Java Platform SE 6) https://docs.oracle.[...]
_[34] 웹사이트 Using JavaFX UI Controls: Scroll Bar | JavaFX 2 Tutorials and Documentation https://docs.oracle.[...]
_[35] 웹사이트 WM_VSCROLL message (Windows) https://msdn.microso[...]
_[36] 웹사이트 ScrollBar クラス (System.Windows.Forms) https://msdn.microso[...]
_[37] 웹사이트 ScrollBar クラス (System.Windows.Controls.Primitives) https://msdn.microso[...]
_[38] 웹사이트 Scroll Bar https://msdn.microso[...]
_[39] 웹사이트 スマートスクロール - 意味・説明・解説 : ASCII.jpデジタル用語辞典 https://yougo.ascii.[...] 2020-06-29
_[40] 웹사이트 Sinister Scrollbar in the Xerox Star Xplained http://alandix.com/a[...] 1998
_[41] 문서 WPFのSystem.Windows.Controls.ScrollBarVisibility.Autoなど。
_[42] 문서 「スクロールバー」と称した機構はAltoで動作する初のWYSIWYGワープロアプリとして知られるBravo(1974)にすでに存在したが、これはタブなどのギミックを有さず、単にマウスクリックによるスクロール操作（右クリックで下方向、左で上方向、中ボタンでジャンプ）を行なうための画面上の矩形区画に過ぎなかった。
_[43] 서적 Designing Interactions MIT Press
_[44] 서적 How To Use the Smalltalk-76 System http://xeroxalto.com[...] Xerox Corporation 1979-10
_[45] 문서 ただし、Smalltalkの外付けスクロールバーに限っては、右側に配置すると右に隣接するペインの主要な情報を隠してしまうため左側に配置せざるをえなかったという制約がまず存在した。
_[46] 웹사이트 The Smalltalk-76 Programming System: Design and Implementation http://worrydream.co[...]
_[47] 서적 Smalltalk-80: The Interactive Programming Environment Addison-Wesley
_[48] 웹사이트 Interlisp Reference Manual https://archive.org/[...] Xerox Corporation 1983-10
_[49] 저널 Data structures in a bit-mapped text editor https://www.cs.cmu.e[...] 1987-01
_[50] 뉴스 米Microsoftが新しいポインティングデバイス「IntelliMouse」を11月に発売マウスにローラーがついて新しいナビゲーションが可能に https://pc.watch.imp[...] PC Watch 1996-07-23
_[51] 웹사이트 価格.com - マウスの選び方 https://kakaku.com/p[...]
_[52] 웹사이트 オート・スクロール・モードが利用できない場合の対処方法－＠IT https://atmarkit.itm[...]
_[53] 저널 Navigational techniques to improve the display of large two-dimensional spaces 1990
_[54] 저널 Designing interaction, not interfaces 2004
_[55] 웹사이트 Apple Publications Style Guide 2008 https://developer.ap[...] 2009-06-12

본 사이트는 AI가 위키백과와 뉴스 기사,정부 간행물,학술 논문등을 바탕으로 정보를 가공하여 제공하는 백과사전형 서비스입니다.
모든 문서는 AI에 의해 자동 생성되며, CC BY-SA 4.0 라이선스에 따라 이용할 수 있습니다.
하지만, 위키백과나 뉴스 기사 자체에 오류, 부정확한 정보, 또는 가짜 뉴스가 포함될 수 있으며, AI는 이러한 내용을 완벽하게 걸러내지 못할 수 있습니다.
따라서 제공되는 정보에 일부 오류나 편향이 있을 수 있으므로, 중요한 정보는 반드시 다른 출처를 통해 교차 검증하시기 바랍니다.

문의하기 : help@durumis.com