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%