zoukankan      html  css  js  c++  java
  • paip.提升用户体验置顶菜单

    paip.提升用户体验----置顶菜单
    作者Attilax    ,  1466519819@qq.com

    摘要:导航是Web网站中的最重要元素之一,但其在设计上存在不易使用的问题。“置顶导航”可加速网站的导航速度,提速约22%。可通过CSS

    和JavaScript(或JQuery)技术来实现。但其也存在一定缺点,比如对移动设备的兼容性,设计的局限性等

    我的观点补充:
    菜单项应该前缀有ICON。更加的提升用户体验
    尽可能使用水平式,不要使用垂直式,当用户屏幕的高度低于560像素,那么菜单下面的部分就无法访问了
    可收缩的:可以实现更大屏幕。。


    用CSS来实现置顶导航是一个不错的方法。它也是最直接、最轻量、最快速的方法。有三点需要注意: position、margin-top和z-index。将菜

    单的position设置为“fixed”,菜单将无法跟随页面的其他部分滚动。如果导航是水平方向的,可以不用设置margin属性。最后,在水平导航上,

    利用z-index属性保证导航始终居于其他元素的上面。当你滚动页面时,其他内容将在导航下滑动。

    想了解更多内容请见W3C网站。

    参考:置顶菜单可用性研究,可使网站导航快22%

  • 相关阅读:
    第二章、Redis入门介绍
    最高的牛
    增减序列
    激光炸弹
    分形之城
    约数之和
    奇怪的汉诺塔
    费解的开关
    递归实现排列型枚举
    递归实现组合型枚举
  • 原文地址:https://www.cnblogs.com/attilax/p/15199826.html
Copyright © 2011-2022 走看看