请教这个效果是怎么实现的？

水木社区手机版

主题:请教这个效果是怎么实现的？
楼主|meiyoua|2013-11-09 22:58:04|只看此ID
http://developer.baidu.com/report

这个页面中，滚动鼠标，左侧的menu就会随着内容自动变化。内容到哪一部分，菜单就自
动变成哪一部分。

找了半天也没找到在页面哪个地方实现的。。。请教大家怎么找到这个效果在哪里实现
的？我想看看原理。
--
FROM 60.27.24.*
1楼|huaxinjuedui|2013-11-09 23:36:01|只看此ID
百度百科已经普遍应用这个功能了，没仔细研究过实现方式，应该是跟JS有关。。

【在 meiyoua 的大作中提到: 】
: http://developer.baidu.com/report
: 这个页面中，滚动鼠标，左侧的menu就会随着内容自动变化。内容到哪一部分，菜单就自
: 动变成哪一部分。
: ...................
--
FROM 113.57.188.*
2楼|zxdong262|2013-11-10 01:28:22|只看此ID
http://html5beta.com/zui/
我自己写过一个，很有意思
--
FROM 58.251.85.*
3楼|Australia|2013-11-10 07:11:24|只看此ID
http://getbootstrap.com/javascript/#scrollspy-examples

不确定是不是这个，不是原理，是拿来可用的代码

【在 meiyoua (apollo) 的大作中提到: 】
: http://developer.baidu.com/report
: 这个页面中，滚动鼠标，左侧的menu就会随着内容自动变化。内容到哪一部分，菜单就
自
: 动变成哪一部分。
: ...................
--
FROM 121.44.152.*
4楼|zzjyingzi|2013-11-10 11:25:27|只看此ID
这个用jquery+bootstrap导入后实现的吧，再导入文件很麻烦，这个两个特效合成，判断scrollTop，然后根据根据得到的值判断列表顶端fixed，并判断列表样式。

【在 Australia 的大作中提到: 】
: http://getbootstrap.com/javascript/#scrollspy-examples
: 不确定是不是这个，不是原理，是拿来可用的代码
:
: ...................
--
FROM 180.212.44.*