返回顶部
首页 > 资讯 > 精选 >为什么网页中的滚动条设在右边
  • 495
分享到

为什么网页中的滚动条设在右边

2023-06-08 05:06:01 495人浏览 安东尼
摘要

这篇文章跟大家分析一下“为什么网页中的滚动条设在右边”。内容详细易懂,对“为什么网页中的滚动条设在右边”感兴趣的朋友可以跟着小编的思路慢慢深入来阅读一下,希望阅读后能够对大家有所帮助。下面跟着小编一起深入学习“为什么网页中的滚动条设在右边”

这篇文章跟大家分析一下“为什么网页中的滚动条设在右边”。内容详细易懂,对“为什么网页中的滚动条设在右边”感兴趣的朋友可以跟着小编的思路慢慢深入来阅读一下,希望阅读后能够对大家有所帮助。下面跟着小编一起深入学习“为什么网页中的滚动条设在右边”的知识吧。

为什么网页中的滚动条设在右边

  为什么大家每天使用的浏览器、Word文档的滚动条都在右边呢?很多设计师认为把滚动条放在左边才是更好的设计,但是事实是自从施乐推出 Star(第一台使用图形界面的计算机)以来,每种图形交互界面都将滚动条放在右边。 除开打字之外,拖动滚动条也许是图形交互界面中最常用的操作之一。想想你一般什么时候会使用滚动条。比如你在一个文档或者表单里找某个东西,你把滚动条一点一点往下拖动,与此同时你在文字中不断扫描直到找到你想要的东西。
  这一系列过程中你的眼部动作是怎样的呢?一般来说我们是从左往右阅读文字的,另外重要 的标志信息(比如人名或者标题)一般出现在最左端。因此你的眼睛必须不断的从右边的滚动条切换到左边文章开始的地方。要想更切身的体会这个过程你可以打开一个文档,将窗口压得又短又宽,然后试着拖动滚动条来找东西。你会发现视线焦点的不断变动非常不舒服。如果滚动条放在左边,这一问题立刻就迎刃而解了。
  事实上,在最早期的WIMP界面中,滚动条是既可以在左也可以在右的,但是默认放在左边。直到施乐在Star中将滚动条设置在右边。这一设置后来为苹果的Lisa所继承,然后一路传承到大名鼎鼎的Macintosh,最后为整个计算机行业所接受。

为什么网页中的滚动条设在右边

  如果滚动条在左边,你的手就得越过整个屏幕才能拖动它。当然真正越过屏幕的不是你的手,而是你的鼠标指针,但是你的大脑会觉得是你的手在越过屏幕。这种心理现象同幻肢有类似之处,你操作的鼠标和屏幕上的鼠标指针在大脑中成为了你手臂的延伸,如此一来屏幕上的信息就会被这只虚拟的手臂挡住了。虽然实际上你还是可以毫无阻碍的阅读页面上的信息,但是你会莫名的觉得哪儿出了问题。

关于为什么网页中的滚动条设在右边就分享到这里啦,希望上述内容能够让大家有所提升。如果想要学习更多知识,请大家多多留意小编的更新。谢谢大家关注一下编程网网站!

--结束END--

本文标题: 为什么网页中的滚动条设在右边

本文链接: https://lsjlt.com/news/251904.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 为什么网页中的滚动条设在右边
    这篇文章跟大家分析一下“为什么网页中的滚动条设在右边”。内容详细易懂,对“为什么网页中的滚动条设在右边”感兴趣的朋友可以跟着小编的思路慢慢深入来阅读一下,希望阅读后能够对大家有所帮助。下面跟着小编一起深入学习“为什么网页中的滚动条设在右边”...
    99+
    2023-06-08
  • 怎么在CSS中设置div滚动条
    这期内容当中小编将会给大家带来有关怎么在CSS中设置div滚动条,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。代码如下:.scroll{ width:100px; height:200px; overfl...
    99+
    2023-06-09
  • 怎么在css中设置滚动条的宽度
    怎么在css中设置滚动条的宽度?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。什么是csscss是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设...
    99+
    2023-06-14
  • 怎么在css中设置禁止滚动条
    这篇文章给大家介绍怎么在css中设置禁止滚动条,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。css禁止滚动条的方法:1、在里加入“scroll="no"”实现隐藏滚动条;2、通过设置“”实现在不需要...
    99+
    2023-06-14
  • 怎么在CSS中设置滚动条样式
    这期内容当中小编将会给大家带来有关怎么在CSS中设置滚动条样式,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。CSS 设置滚动条样式的实现代码如下所示:•::-webkit-scrollb...
    99+
    2023-06-08
  • 怎么使用jQuery消除网页的滚动条
    这篇文章主要介绍“怎么使用jQuery消除网页的滚动条”,在日常操作中,相信很多人在怎么使用jQuery消除网页的滚动条问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么使用...
    99+
    2024-04-02
  • 滚动条css设置的方法是什么
    滚动条的CSS设置是通过以下属性来实现的:1. scrollbar-width:用于设置滚动条的宽度,取值可以是auto、thin、...
    99+
    2023-05-30
    滚动条css css
  • css中的overflow属性怎么实现滚动条设置和隐藏滚动条
    小编给大家分享一下css中的overflow属性怎么实现滚动条设置和隐藏滚动条,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! ...
    99+
    2024-04-02
  • 怎么在css中设置Overflow实现隐藏滚动条
    这篇文章将为大家详细讲解有关怎么在css中设置Overflow实现隐藏滚动条,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。具体代码如下所示:.scroll-list ul{&nbs...
    99+
    2023-06-08
  • html中如何实现固定在网页右侧的浮动层
    这篇文章主要介绍了html中如何实现固定在网页右侧的浮动层,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。代码如下:<!DOCTYPE html PU...
    99+
    2023-06-08
  • web标准中IE无法设置滚动条颜色的原因是什么
    小编给大家分享一下web标准中IE无法设置滚动条颜色的原因是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! 解决办法是将b...
    99+
    2024-04-02
  • 网页设计中为什么要优化代码
    这篇文章主要介绍了网页设计中为什么要优化代码,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。由于网络是一个不断变化和不断发展的有机体,所以建立一个能和网络一起变化、成长的网站是...
    99+
    2023-06-12
  • 在网页设计中css 1般是指什么
    css (层叠样式表) 是用于控制网页外观和布局的语言。其功能包括:控制文本样式、调整元素对齐、改变背景、创建边框、定义网格布局和实现响应式设计。css 优点包括:与 html 分离、一...
    99+
    2024-04-25
    css
  • html与嵌入其中的flash均存在滚动条怎么处理
    本篇内容介绍了“html与嵌入其中的flash均存在滚动条怎么处理”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有...
    99+
    2024-04-02
  • 网页设计的尺寸和网页中广告设计的规则是什么
    这篇文章跟大家分析一下“网页设计的尺寸和网页中广告设计的规则是什么”。内容详细易懂,对“网页设计的尺寸和网页中广告设计的规则是什么”感兴趣的朋友可以跟着小编的思路慢慢深入来阅读一下,希望阅读后能够对大家有所帮助。下面跟着小编一起深入学习“网...
    99+
    2023-06-08
  • JavaScript在网页设计中的嵌入应用方法是什么
    本篇内容主要讲解“JavaScript在网页设计中的嵌入应用方法是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript在网页设计中的嵌入应用方法是什么”吧!---- JavaS...
    99+
    2023-06-03
  • HTML颜色代码在网页设计中的作用是什么?
    HTML颜色代码是一种用来指定网页中元素颜色的代码,它由六位十六进制数字组成,前两位数字表示红色,中间两位数字表示绿色,后两位数字表示蓝色。例如,红色可以用十六进制代码#FF0000表示,绿色可以用十六进制代码#00FF00表示,蓝色可以...
    99+
    2024-02-14
    HTML, 网页设计, 色彩, 代码, 美观
  • 网页设计中css的含义是什么
    css(层叠样式表)是一种网页设计语言,它允许您描述网页的视觉呈现方式,包括文本样式、颜色、布局和动画。css 在网页设计中至关重要,因为它分离了内容与表现,改善了用户体验,提高了效率,...
    99+
    2024-04-25
    css 搜索引擎优化
  • css中怎么把select下拉菜单里的文字设置成左右滚动效果
    这篇文章将为大家详细讲解有关css中怎么把select下拉菜单里的文字设置成左右滚动效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。希望用marquee标签来设置字体滚...
    99+
    2024-04-02
  • 网页设计中页面布局的简单规则是什么
    今天给大家介绍一下网页设计中页面布局的简单规则是什么。文章的内容小编觉得不错,现在给大家分享一下,觉得有需要的朋友可以了解一下,希望对大家有所帮助,下面跟着小编的思路一起来阅读吧。重复:在整个站点中重复实现某些页面设计风格。   重复的成分...
    99+
    2023-06-08
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作