스크롤 막대가없는 영역에서 스크롤 할 수 있음을 나타내는 가장 좋은 방법은 무엇입니까?

내가 생각할 수있는 유일한 것은 위의 "전체 메뉴를 보도록 스크롤하십시오"라는 것입니다. 사람들이하는 다른 방법은 무엇입니까?

사람들은 사용자 인터페이스의 물리적 상대성과 관련이 있습니다. 다시 말해, 인터페이스가 자연스럽게 느껴지거나 컨트롤을 분명하게하려면 물리적 인 사실주의 모양을 사용하여 수행 할 수 있습니다. 적절한 기능을 위해서는 적절한 아이콘도 항상 수행해야합니다.

스크롤 영역은 실제로 어떻게 보일까요? 단순한! 외부 프레임 아래에있는 컨텐츠 계층. 이러한 모양을 얻으려면 외부 레이어에 상자 그림자 를 사용할 수 있습니다 .

• 팁 : CSS 상자 그림자를 만들 때 쉼표와 함께 여러 그림자를 넣을 수 있습니다. 멋진 효과를 내려면 짧은 그림자가있는 밝은 그림자를 사용하십시오. 가볍게 터치하려면 RGBA (불투명도 제어)를 사용하십시오!

다음으로 스크롤 막대가 없으면 가장 좋은 방법은 스크롤 가능한 내용이있는 프레임의 가장자리에 클릭 가능한 스크롤 상자가있는 JQuery를 사용하여 내부 요소가 상자 바깥으로 튀어 나오면 상자가 표시되는 것입니다 네 방향 중 하나입니다.

기본적으로 막대를 표시하지 않거나 숨기려면 스크롤 영역을 가리 키거나 두 드릴 때까지 숨기거나 약간 불투명하게 유지 한 다음 스크롤 메커니즘이 나타납니다.

• 손쉬운 사용 : 호버 이벤트시 상자가 가볍게 활성화되고 (자식 요소 스크롤 시작) 마우스 다운시 완전히 활성화됩니다.

데모는 다음과 같습니다.

긴 스크롤 영역의 경우이 방법을 통해 가속화 된 스크롤을 수행해야합니다. 그렇지 않으면 사용자가 컨텐츠를 빠르게 탐색 할 수 없습니다.

이 문제를 해결 한 후 JQuery 플러그인을 만들고 다음 웹 앱 에이 연습을 사용할 수 있다고 생각합니다.

맨 처음 표시되는 기본 컨텐츠 양이 부분적으로 만 표시되는 맨 아래 (수직 스크롤링 가정) 항목을 표시하여 사용자에게 아래에 더 많은 정보가 있음을 알리고 도달 / 공개 할 수 있는지 확인하십시오.

여기 내가 시도 할 것입니다 :

약간의 내용을 다루는 부드러운 그라디언트. 이것은 아래에 더 많은 것이 있음을 나타냅니다. 또한 작은 화살표를 추가 할 수도 있습니다.

청중이 누구라고 생각하는지, 그리고 상황이 무엇인지에 대해 얼마나 분명하게보고 싶습니까?

접히지 않는 화살표 및 그래픽과 같은 일반적인 길 찾기 기술은 사용자가 여행하는 데 도움이 될 수 있습니다. 또는 많은 단일 페이지 사이트에서 사용하는 고정 메뉴 / 탐색 시스템을 사용할 수 있습니다.

가장 뻔뻔스럽고 추악한 해결책은 사용자에게 더 많은 콘텐츠를 스크롤 다운하라는 메시지를 표시 한 다음 액터 스크롤 (쿠키 알림 스타일)을 숨길 수있는 팝업입니다.

다른 옵션은 요소를 가리 키거나 아래로 가리키는 이동 화살표 또는 '스크롤하여 더 읽기'와 같이 스크롤을 나타내는 것으로 커서를 변경하는 것입니다.

물론 이것은 데스크톱에서만 작동합니다.