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%

原文地址:https://www.cnblogs.com/attilax/p/15199826.html