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

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

巴扎黑
巴扎黑

Antworte allen(1)
巴扎黑
巴扎黑2017-04-10 14:28:05 1 Etage

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

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

Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！