javascript - 使用 webkit 的移动垂直范围 slider

Question

我几乎完成了我的元素，但我已经推迟了一段时间的最后一件事。

我目前有几个 slider (都是水平的)——它们都有效。我目前正在使用可在此处找到的 Mobile Range Slider 库:https://github.com/ubilabs/mobile-range-slider/blob/master/README.md

有谁知道我可以如何扩展它或一些 CSS3 技巧以使其成为垂直 slider ？

我以为我可以通过使用变换和翻转它来幸运，但是滑动 Action 不会跟踪(它只会轻微移动，并且当它移动时它不一定会跟踪滑动 Action 即向上滑动可能会移动向上滑动但也可以向下移动 - 如果这有意义？)

我尝试的 CSS 是:

-webkit-transform: rotate(90deg);

我目前只专注于 iPhone 和 Android - 任何其他移动平台都将是一个奖励，但在这个阶段不是必需的。

任何帮助或指点将不胜感激:)

Answer 1

尝试将 -webkit 用于 chrome 和 safari:

http://css-infos.net/property/-webkit-appearance