使用webkit的移动垂直范围滑块

时间:2012-05-10 14:59:27

标签: javascript css css3 xui

我差不多已经完成了我的项目,但是我已经推迟了一段时间。

我目前有几个滑块(都是水平的) - 它们都有效。我目前正在使用移动范围滑块库,可在此处找到:https://github.com/ubilabs/mobile-range-slider/blob/master/README.md

有谁知道如何扩展这个或者可能是一些CSS3技巧使它成为一个垂直滑块?

我认为通过使用变换和翻转它可以获得幸运,但是滑动动作不会跟踪(它只会轻微移动,当它移动时它不一定跟踪滑动动作,即向上滑动可能会移动滑动动作向上滑动,但也可以向下移动 - 如果这有意义吗?)

我试过的CSS是:

-webkit-transform: rotate(90deg);

我目前只专注于iPhone和Android - 任何其他移动平台都将是奖金,但现阶段不需要。

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

1 个答案:

答案 0 :(得分:0)

尝试使用-webkit进行chrome和safari:

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