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

Javascript 使用webkit移动设备的垂直范围滑块,javascript,css,xui,Javascript,Css,Xui,我几乎完成了我的项目,但我只是有最后一件事,我已经推迟了一段时间 我目前有几个滑块都是水平的-他们都工作。我目前正在使用移动范围滑块库,可在以下位置找到: 有人知道我如何扩展它,或者可能是一些CSS3技巧,使它成为一个垂直滑块吗 我想我可以通过使用变换和翻转它来获得幸运,但是滑动动作不会跟踪它只会轻微移动,当它确实移动时,它不一定会跟踪滑动动作,即向上滑动可能会将滑块向上移动,但也可以将其向下移动-如果有意义的话 我尝试的CSS是: -webkit-transform: rotate(90deg

我几乎完成了我的项目,但我只是有最后一件事,我已经推迟了一段时间

我目前有几个滑块都是水平的-他们都工作。我目前正在使用移动范围滑块库,可在以下位置找到:

有人知道我如何扩展它,或者可能是一些CSS3技巧,使它成为一个垂直滑块吗

我想我可以通过使用变换和翻转它来获得幸运,但是滑动动作不会跟踪它只会轻微移动,当它确实移动时,它不一定会跟踪滑动动作,即向上滑动可能会将滑块向上移动,但也可以将其向下移动-如果有意义的话

我尝试的CSS是:

-webkit-transform: rotate(90deg);
我目前只关注iPhone和Android——任何其他移动平台都将是一个额外的优势,但在现阶段并不需要


非常感谢您的帮助或指点:

尝试使用-webkit for chrome和safari: