Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

position:fixed的体验分析

  现在越来越多的网站喜欢用position:fixed把元素固定在用户可见的区域上,最典型的就是新浪微博,左右两边的东西全固定,滚动条只影响中间部分。position:fixed确实很好用,但即使好用也该适可而止,过多的position:fixed反而会让用户反感。
  使用position:fixed确实可以用于一些内容较少的页面做数据填充,使整个网页不会因为滚动条的滚动而变空,新浪微博的个人首页就是这么用的。但用户屏幕的尺寸是很有限的,过多的position:fixed只会占用掉用户浏览空间,让页面可以展示的内容变少。像新浪微博这样把左右两边的块都position:fixed,滚动条只处理中间的块,整个页面就变得很压抑。

  有些地方很适合使用positon:fixed,但一些网站并没有这么做,比如京东商城的购物车。浏览到靠后的商品时用户就无法看到自己购物车中商品的数量了,除非把滚动条滚动回去,否侧连购物车页面都无法直接进入。这是很糟糕的设计,在这方面天猫做的更好。不仅是购物车,所有用户需要实时看到的东西都应该使用position:fixed使其总是可见。
网名:
3.84.186.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^