0

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

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

当前的问题是滑块选项卡没有移动，并且没有从顶部到底部干净地滑动。

注意：我正在使用：

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 的演示。

谢谢你

4

1 回答 1

1

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

这是您需要做的：

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

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

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

<style type="text/css">
    left: 50%;
    margin-left: -.6em;  /* half the width of the element */
</style>
于 2012-09-29T03:15:42.527 回答