iPad垂直輸入滑塊

我使用jQuery UI來創建垂直輸入範圍滑塊（this style to be exact）。
我寧願使用像Zepto這樣更輕量級的框架，或者使用本地JS來創建這個滑塊。iPad垂直輸入滑塊

我的具體用例僅適用於iPad（iOS 4.3+），因此只需要webkit支持。 <input type="range" />的CSS3樣式不是一種選項，因爲它不能在垂直方向上樣式化，並且rotate(90deg)在iOS上的行爲不正確。而且，iOS 4.3根本不支持它。

任何人都可以指出我更好的解決方案嗎？

來源

2012-04-26 thv20

一些答案在這裏：http://stackoverflow.com/questions/5001464/google-chrome-vertical-input-type-range - 或 - http://jsfiddle.net/ArondeParon/SPjsf/15/ – Scriptor 2012-04-26 22:50:53

不相關對我的問題，就像我所說的：「...不能以垂直方向設計」。 – thv20 2012-04-30 16:08:56

這可能是你追求的：

https://stackoverflow.com/a/8696975/1170982

我不知道該怎麼ROTATE3D變換不正確的行爲在iOS的 - 從來沒有遇到過任何問題，我自己，但你也可以申請在 '垂直滑塊' 值變換：

-webkit-appearance: slider-vertical;

這裏有一個凌晨預覽：

http://jsfiddle.net/pSfSx/

來源

2012-04-26 22:51:00 blend

啊，有人已經在@ErikdR的鏈接末尾回答了。 – blend 2012-04-26 22:52:26

iPad垂直輸入滑塊

回答

相關問題