导航随滚动条变化而显示怎么实现的

Question

如这个效果http://projects.wsj.com/alibaba/?lang=cn

Answer 1

苏生兄，你可以看下页面的 html 源码，有如下特点：

也就是说导航栏的4个子栏目的内容从上至下依次排版在页面中，所以这很容易实现，例如将导航栏的切换效果绑定到鼠标事件上，当鼠标移动至 id 为 chapter2 的 div 上时，导航进行切换，其他的效果同理。