jQuery的滑塊垂直

Question

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

三江源

Answer 1

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

下面是你需要做什麼：

1. 你有兩個top:和bottom:集，頂部往往會優先考慮，而如果你有兩個，只有top:無論順序生效。通過刪除您的css頂部它現在滑動，但它也使它開始在底部這就是爲什麼你需要下一個部分

2. value:選項在jquery滑塊功能設置起始位置爲100％（從底部），這使得它在頂部開始很好。

爲了得到它的中間對齊，你需要做到以下幾點：

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