演示: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的演示。
三江源
答案 0 :(得分: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>