滚动时更改css属性

时间:2011-09-18 12:53:46

标签: jquery css scroll

基本上我正在尝试将滚动条链接到页面上的进度表。每页上有多个部分,因此,根据您在页面上的位置,这与您要运行的仪表相关。我不太确定如何开始创建这个,但有些人可以指出我正确的方向。我目前正在使用localscroll和ScrollTo插件。

示例:

第1节 - 仪表为0% 滚动完第1部分后 - 仪表处于100% 第2节的仪表启动 - 另一个仪表为0% 第2节结束 - 米是100% 等等。

感谢您的时间, 罗伯特

1 个答案:

答案 0 :(得分:0)

你可以在jQuery中使用scrolltop:

每次你得到一个整数(滚动的poistion)......

http://api.jquery.com/scrollTop/

你应该将你页面上的一个区域划分为“米区”

scolltop 1-20 = meter1

scolltop 20-40 = meter2

...