这篇文章主要为大家展示了“jQuery如何使用滚动监听实现商城楼梯式导航效果”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“jQuery如何使用滚动监听实现商城楼梯式导航效果”这篇文章吧。

成都创新互联是一家集网站建设,鹿寨企业网站建设,鹿寨品牌网站建设,网站定制,鹿寨网站建设报价,网络营销,网络优化,鹿寨网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

局部效果图：

html结构，左侧定位的导航需要一个ul，中间内容，我是直接截得图片，为了效果省事，也是用的ul，最后你们要用的话也可以用ul，或者div，但是每个区域得是一个div，例如，精选的放一个div，女装的放一个div，所有的区域都套在一个大的div里面，也就是类似于ul>li的结构（只提供html结构和jQuery，样式的话根据设计稿）：

 

  精选
  
女装
  
鞋包
  
男士
  
运动
  
饰品
  
精选
  
女装
  
鞋包
  
男士
  
运动
  
饰品
