jQuery中怎么使用滚动监听实现商城楼梯式导航效果

今天小编给大家分享一下jQuery中怎么使用滚动监听实现商城楼梯式导航效果的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

局部效果图：

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

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

以上就是"jQuery中怎么使用滚动监听实现商城楼梯式导航效果"这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注行业资讯频道。