css - iPad垂直输入滑块

Question

我正在使用 jQuery UI 创建一个垂直输入范围滑块（确切地说是这种样式）。
我宁愿使用像 Zepto 这样更轻量级的框架，当然也可以使用原生 JS 来创建这个滑块。

我的具体用例仅适用于 iPad (iOS 4.3+)，因此只需要 webkit-support。CSS3 样式<input type="range" />不是一个选项，因为它不能在垂直方向上设置样式，并且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/