jquery - 滚动时更改 css 属性

标签 jquery css scroll

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

例子:

第 1 部分 - 仪表为 0% 滚动第 1 部分后 - 仪表为 100% 第 2 部分的仪表开始 - 花药仪表为 0% 第 2 部分结束 - 仪表为 100% 等等。

谢谢你的时间, 罗伯特

最佳答案

您可以将滚动条与 jQuery 一起使用:

每次你都会得到一个整数(滚动条的位置)...

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

你应该在你的页面上划分一个区域到“仪表区”

scolltop 1-20 = meter1

scolltop 20-40 = meter2

...

关于jquery - 滚动时更改 css 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7461603/

相关文章:

javascript - 使用下拉选择列表和框来存储选定的选项

javascript - JQuery .click 不像我期望的那样工作。为什么?

javascript - 如何在两个按钮之间切换

javascript - 强制垂直滚动用户操作显示为水平滚动

javascript - 网站无限滚动 - 在浏览器中用户 'go back' 之后返回滚动位置

javascript - 如何使用 jQuery 获取标题标签?

html - Flexbox 和 CSS 问题 : not displaying as I intend

html - 在通过 PHP 添加内容时移动 div

html - 下拉悬停不起作用

iphone - iPhone 的 UIView 的自定义滚动条(使长滚动不吸)