Why is the scroll bar on the web page set on the right?

Why is the scroll bar on the right? Triple Tutorial

Why are the scroll bars of the browsers and word documents that we use every day on the right? Many designers think that it is a better design to put the scroll bar on the left, but the fact is that since Xerox launched Star (the first computer with a graphical interface), every graphical interactive interface has placed the scroll bar on the right. Apart from typing, dragging the scroll bar is perhaps one of the most commonly used operations in a graphical interactive interface. Think about when you would typically use a scroll bar. For example, if you are looking for something in a document or form, you drag the scroll bar down little by little, and at the same time you keep scanning the text until you find what you want.
What are your eye movements during this series of processes? Generally speaking, we read text from left to right, and important landmark information (such as names or titles) usually appears on the far left. Therefore your eyes have to constantly switch from the scroll bar on the right to the beginning of the article on the left. To experience this process more personally, you can open a document, make the window shorter and wider, and then try to drag the scroll bar to find something. You may find the constant shifting of your visual focus very uncomfortable. If the scroll bar is placed on the left, this problem is immediately solved.
In fact, in the earliest WIMP interfaces, the scroll bar could be on either the left or the right, but was placed on the left by default. Until Xerox set the scroll bar on the right in Star. This setting was later inherited by Apple's Lisa, then passed down to the famous Macintosh, and finally accepted by the entire computer industry.

So what exactly prompted the right-aligned design of the scroll bar? If the scroll bar was on the left, your hand would have to cross the entire screen to drag it. Of course, it is not your hand that actually crosses the screen, but your mouse pointer, but your brain will think that it is your hand that crosses the screen. This psychological phenomenon is similar to a phantom limb, where the mouse you operate and the mouse pointer on the screen become an extension of your arm in your brain, so that the information on the screen is blocked by this virtual arm. Although you can actually read the information on the page without any hindrance, you will inexplicably feel that something is wrong.

<<: html option disable select select disable option example

>>: Detailed explanation of Linux netstat command

Why is the scroll bar on the web page set on the right?

MySQL infobright installation steps

Example of implementing a seamless infinite loop of background using CSS animation

Summary of Button's four Click response methods

MySQL establishes efficient index example analysis

js to implement the snake game with comments

Block-level and line-level elements, special characters, and nesting rules in HTML

VSCode Development UNI-APP Configuration Tutorial and Plugin

Detailed explanation of common MySQL operation commands in Linux terminal

Detailed explanation of how Vue returns values to dynamically generate forms and submit data

32 Typical Column/Grid-Based Websites

Recommend

Html+css to achieve pure text and buttons with icons

The whole process of installing gogs with pagoda panel and docker

Detailed explanation of overflow-scrolling to solve scrolling lag problem

How are Vue components parsed and rendered?

How to create scheduled tasks using crond tool in Linux

How to install docker on ubuntu20.04 LTS

The problem and solution of using docker storage and causing Exit to cause files to fail to upload to the server

Detailed explanation of the loading rules of the require method in node.js

Docker Consul Overview and Cluster Environment Construction Steps (Graphical Explanation)

How to run the react project on WeChat official account

VMware Tools installation and configuration tutorial for Ubuntu 18.04

Summary of events that browsers can register

Implementation of Docker deployment of ElasticSearch and ElasticSearch-Head

How to hide and remove scroll bars in HTML

A brief discussion on the definition and precautions of H tags