日期:2014-05-16  浏览次数:20410 次

怎样做出百度经验网页上的步骤摞叠效果

如上图,浏览百度经验的网页时,感觉那个数字步骤的摞叠效果非常好,它可以根据所在位置自动变成灰色并摞叠,而且增加了超链接,实现了点击快速跳转。参考样例页面:http://jingyan.baidu.com/article/7f41ececdf0c6a593d095c14.html
请问这一系列效果是如何实现的呢?可否有高人指点一下
------解决方案--------------------
scrollTop
------解决方案--------------------
用两个DIV分开显示的
1:当所有内容可见(不滚动),第一个DIV(里面有1,2,3,.......7)不可见
2:当滚动后,假设第一个已经到2,那么第一个DIV中的1可见,(2-7不可见)
个人理解是利用标签A,点击事件模拟锚点操作实现这个功能的