网页设计重要细节——返回顶部的跳转链接

广州建网站,返回顶部的跳转链接

返回顶部（Back to Top）的跳转链接是网页设计中不可或缺的一个小细节。它的目的是帮助访问者快速回到页面顶部，免除了不断拖动滚动条或者不停转动鼠标滚轮的麻烦，提高了浏览网页的效率。那么请允许我们先来思考一个弱弱的问题：为什么要返回到顶部，而不是页面的底部？囧！很简单嘛，文章都是从上往下读的啊！难道你要从下往上倒着读文章吗？这当然是一个非常重要的原因。但是还有没有其它原因呢？我想还有另外一个很重要的原因是因为页面的主要功能区是在顶部的，导航栏、搜索框等等都在页面顶部。通过导航按钮链接到别的位置，或者通过搜索关键字查找你需要的信息都是在浏览完了一张页面之后首要干的事情。
     但是通常我们在返回顶部链接上做的工作太少，只是简单的在页面底部放置上一个跳转链接就完事了。这样做的结果是当页面比较长的时候点击跳转链接时，浏览器会瞬间将你送回到页面顶部，速度有时候快的让人反应不过来，不知道跳转之后所处的位置在哪。
    另外一个问题是返回顶部链接做的不够醒目。通常来说，返回顶部链接都会位于页面的右下角，或者是页面的页脚上。这个地方本身就不是视觉的焦点处，如果再将跳转链接设计的不够醒目的话，访问者很可能在浏览了多次页面之后还没发现这个可以给他们提供方便的设计。
    再有一个问题是位置不够合理。假设有一篇博客日志拥有很多的评论，一般来说，访问者阅读评论的时候比较少，所以当他们阅读完日志内容之后如果不去做评论的话会直接寻找另外的信息，这个时候返回顶部的链接就应该放置于日志结束之后而不是评论内容之后。当然还有更好的办法就是将跳转链接随时停留在视觉区域内。
    那么这样看来，一个好的返回顶部链接的设计应该有下面几个特点：
    一、平滑的从页面底部滚动至顶部。
    二、醒目到足以吸引访问者去点击。
    三、更具功能性的位置设计

     之后，为了让跳转更加平滑，拷贝此页面中的内容，将其保存为 smoothscroll.js文件，放到你的设计文档中合适的位置。一般来说，在你的设计文档中应该有一个javascript文件夹，将所有javascript文件都放入到这个文件夹中。接下来，在你的设计代码的和中间加入链接 ，表示页面将会引用这个JavaScript 文件。

【关键词标签】广州建网站,返回顶部的跳转链接

• 广州建网站：如何搭配网页色彩[色彩大全]
• 仪器设备网站建设对企业有哪些好处？建站报..
• 机械设备网站建设需要什么资料,网站做好后..
• 东莞公司官网建设——网站建设功能模块大全
• 广州建网站小贴士,掌握HTML建站重点
• 公司要建网站——建一个公司网站多少钱
• 企业网站建设如何策划关于我们的页面设计
• 做一个普通企业网站多少钱
• 公司官网定制设计——高端大气的网页设计
• 环保设备网站建设后怎样做优化推广+宣传营..
• 磨具_浮石厂家/公司网站建设如何设计网页..
• 太阳能设备网站建设策划-未雨绸缪是重点
• 茂名做网站公司——网站的日常维护方案
• 潮州建网站公司——小企业网站怎样优化比较..
• 外贸网页设计——要符合海外搜索引擎优化的..