jQuery滑块垂直

【问题标题】：jquery slider verticaljQuery滑块垂直
【发布时间】：2012-09-28 23:30:02
【问题描述】：

我在上面创建了一个 jfiddle，试图让垂直滑动工作。

当前的问题是滑块选项卡没有移动，并且没有从上到下干净利落地滑动。

注意：我正在使用：

和

jquery-ui-1.8.23.custom.min.js

我似乎无法在 jfiddle 中一起启用（也许有办法做到这一点 - 我不确定） - 目前使用旧版本的 jquery 和 jquery-ui 的演示。

谢谢

【问题讨论】：

【解决方案1】：

这里是固定的：http://jsfiddle.net/vpH8r/13/

这是你需要做的：

您同时设置了top: 和bottom:，并且top 往往会获得优先权，而如果您同时设置了两者，则无论顺序如何，都只有top: 生效。通过删除 CSS 中的顶部，它现在会滑动，但它也会使其从底部开始，这就是您需要下一部分的原因
jquery 滑块函数中的value: 选项将起始位置设置为 100%（从底部开始），这使得它从顶部很好地开始。

为了让它在中间对齐，您需要执行以下操作：

<style type="text/css">
    left: 50%;
    margin-left: -.6em;  /* half the width of the element */
</style>

【讨论】：