Jquery 垂直进度滚动条

我试图使下面的进度滚动条垂直：

---

我已经试了很久，似乎找不到办法。我是jquery新手，因此非常感谢您的帮助。

您尝试过jquery的这个插件吗？ 看来这就是你想要的东西。

---

或者，您也可以查看jquery插件网站本身的更新版本。更新版本来自评论：

它是有效的，但它是大量伪造的

---

它只需反转所有

宽度

和

高度

相关属性即可

因此，在JavaScript中，将

left

更改为

top

在CSS中，如果有水平属性和垂直属性，请切换它们

我从这里获取代码：

结果是：

唯一的新CSS位于顶部：

#scrollwrap, .slider {
    float: left
}
.slider {
    margin-left: 50px
}

var heightProgress=$（'.progress\u bar\u bg'）.height（）；
变量positionofStart=$（'.progress_section'）.position（）.top
$（窗口）.on（'scroll'，function（）{
如果（$（窗口）.scrollTop（）>=$（'.progress_section'）.position（）.top-$（窗口）.height（））{
var scrolled=$（文档）.scrollTop（）+$（窗口）.height（）；
var tabminus=（滚动-开始位置）；
var值=（Tab减号/高度进度）*100；
$（'.progress'）.css（'height'，'+value+'%'））
}
})

.dummy{
高度：1200px；
}
.进度条{
宽度：2倍；
高度：2000px；
背景颜色：灰色；
文本对齐：居中；
保证金：0自动；
位置：相对位置；
}
.进展{
宽度：100%；
位置：绝对位置；
高度：20px；
背景色：红色；
最大高度：100%；
}

发布您正在使用的代码，这样我们就可以告诉您如何处理这看起来是正确的，但是滚动完全被破坏了。对不起，我以前没有尝试过。这个版本有滚动功能：-JavaScript修复程序可能不是很好。让我知道它是有效的还是无效的。我需要它像以前一样具有进度效果。我需要它，所以当你向下滚动手柄时，在手被填满之前，空间会被填满。它变得比我原来想象的更难。这是有效的：-但我不喜欢我必须做的事情。