`
yiminghe
  • 浏览: 1461911 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

初探淘宝查询的方便功能

阅读更多

上了一下淘宝查询商品界面,发现了一个很方便的功能,分析一下哦


初始界面:

 

 

 

下拖滚动条时:

 

 

 

 

可见一些便捷的过滤条件会始终保留在页面顶部,很实用,很方便。



用ie6 , firefox3.5 ,chrome2看了下,taobao很大胆的忽略了ie6,确实是国内web开发所少见的,想起了曾经看过的 关于经济舱与vip舱 的比喻,没想到taobao真的这么做了,只能说很前卫了。


初步分析实现要点:


1.监控scroll事件,控制操作区域。

2.利用 fixed 定位 ,使得 firefox,chrome下的过滤查询区域始终位于顶部。

3.利用 top:-xxpx,隐掉复杂的过滤区域,只剩下底部的便捷工具条

4.利用webkit以及gecko的私有属性实现工具条悬浮的边框阴影功能。



对于ie6由于不支持fixed定位,淘宝没有实现这个功能,但是有 absolute+scroll 也是可以模拟的,但是就没fixed那么平滑的定位到视窗顶部了,对于高级浏览器用户算是一个惊喜吧 :),我觉得应该想一个方法使得ie6用户得知这个功能,也算促进用户升级,为国内web开发者做贡献。

 

 

 

 

 

 

 

 

 

 

  • 大小: 107 KB
  • 大小: 132.1 KB
分享到:
评论

相关推荐

    淘宝开放平台架构组件体系初探

    ### 淘宝开放平台架构组件体系初探 #### 一、引言 淘宝作为中国乃至全球最大的电子商务平台之一,其技术架构不仅支撑着庞大的交易量,还面临着日益增长的第三方开发者需求。为此,淘宝构建了一个开放平台——淘宝...

    引信安全系统再保险功能初探

    在探讨引信安全系统再保险功能的研究背景下,本篇论文提出了一种新型的设计方案,旨在解决传统引信系统中存在的安全隐患问题。引信是弹药起爆系统的关键组成部分,其功能是在武器与目标接触的合适时刻激活战斗部的...

    淘宝网络商铺定位初探.pptx

    淘宝网络商铺定位初探.pptx

    多功能农产品电商服务平台的构建初探.pdf

    1. 用户界面设计:考虑到用户的便捷性与体验,系统需要有清晰直观的用户界面,方便用户浏览、筛选和购买农产品。 2. 商品展示:农产品展示需要突出其新鲜度、产地、有机或无公害等特点,同时通过图片、视频等形式...

    基于前端的结构化查询初探.pdf

    基于前端的结构化查询初探 本文探讨了基于前端的结构化查询技术,旨在实现高效、快捷、交互性能好的Web开发模式。文章首先介绍了JSON数据格式的优点和应用场景,然后详细讲述了如何使用正则表达式对SQL语句进行结构...

    交互式电子白板功能初探.doc

    交互式电子白板功能初探.doc

    COM技术初探.doc

    COM技术初探.doc

    室内设计中的功能与形式初探

    【室内设计中的功能与形式初探】 室内设计是创造舒适、功能性和美观并存的人工环境的过程,其中功能和形式是不可分割的两个核心要素。功能是指室内空间的设计需满足使用者的基本需求,如空间布局、设施配置等,而...

    网络公关初探资料.pdf

    网络公关初探资料.pdf

    企业信息化初探

    企业信息化初探。。。。。

    USB2.0规范初探.pdf

    ### USB2.0规范初探 #### USB2.0概述 USB2.0(Universal Serial Bus 2.0)是一项广泛应用于计算机领域的高速串行总线技术标准,它旨在简化外部设备与计算机之间的连接,提高数据传输速率的同时降低制造成本。USB...

    初探uCOS-II

    ### 初探uCOS-II:嵌入式操作系统的基础与应用 #### 一、uCOS-II简介 uCOS-II,全称MicroC/OS-II,是一款专门为嵌入式系统设计的操作系统内核。它由Jean J. Labrosse创建,并在开源社区中得到了广泛的认可和支持。...

    活性炭工艺品材料和功能初探.doc

    活性炭工艺品材料和功能初探.doc

    上海市AB功能区域发展战略初探.pdf

    《上海市AB功能区域发展战略初探》是一篇关于上海城市规划与功能区发展的研究论文,主要探讨了AB功能区域在上海市整体发展战略中的角色、定位以及未来的发展路径。文章深入剖析了功能区管理理论,并结合上海市AB区域...

    struts2 初探

    OGNL可以方便地获取或设置Action中的属性,使得视图能够动态地展示数据。此外,Struts2支持多种结果类型,如dispatcher(转发到JSP页面)、stream(发送文件下载)等,这为视图呈现提供了多样化的选择。 在工具方面...

    关于物联网智能家居的初探

    关于物联网智能家居的初探. 关于物联网智能家居的初探

Global site tag (gtag.js) - Google Analytics