css - iPad 垂直输入 slider

Question

我正在使用 jQuery UI 创建一个垂直输入范围 slider ( this style to be exact )。
我宁愿使用更轻量级的框架，如 Zepto，当然也可以使用原生 JS 来创建此 slider 。

我的具体用例仅适用于 iPad (iOS 4.3+)，因此只需要 webkit 支持。 <input type="range" /> 的 CSS3 样式不是一个选项，因为它不能在垂直方向设置样式，并且 rotate(90deg)在 iOS 上无法正常运行。此外，iOS 4.3 根本不支持它。

谁能指出我更好的解决方案？

Answer 1

这可能是您想要的:

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

我不确定 rotate3d 变换在 iOS 中如何不正确运行 - 我自己从未遇到过任何问题，但您也可以将“vertical-slider”值应用于变换:

-webkit-appearance: slider-vertical;

这是一个小预览:

http://jsfiddle.net/pSfSx/