jquery slider 垂直

Question

演示:http://jsfiddle.net/vpH8r/2/

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

当前的问题是 slider 标签不会移动，并且不会出现从顶部到底部的干净滑动。

注意:我正在使用:

http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js

和

jquery-ui-1.8.23.custom.min.js

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

谢谢

Answer 1

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

这是你需要做的:

1. 您同时设置了 top: 和 bottom:，并且 top 倾向于获得优先权，而如果您同时设置了两者，则只有 top: 无论顺序如何都会生效。通过删除你的 css 中的顶部，它现在可以滑动，但它也使它从底部开始，这就是你需要下一部分的原因

2. jquery slider 函数中的 value: 选项将起始位置设置为 100%(从底部开始)，这使得它很好地从顶部开始。

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

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