简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 导航随滚动条变化而显示怎么实现的
巴扎黑
巴扎黑 2017-04-10 14:26:05
0
1
385

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

巴扎黑
巴扎黑

reply all(1)
巴扎黑
巴扎黑2017-04-10 14:28:05 1 floor

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

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

Like +0
Add Reply
Popular Topics
More>
Popular Articles
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！