Ios 为什么';输入[type=range]在CSS3转换后是否工作?

Ios 为什么';输入[type=range]在CSS3转换后是否工作?,ios,css,input,mobile-safari,transform,Ios,Css,Input,Mobile Safari,Transform,必须在iOS上使用JSFIDLE才能查看问题:) 开发一个iOS web应用程序,并具有多个面板,这些面板在单击时转换为-480px(通过使用JQuery添加一个类) 当我使用-webkit转换时:translate:(480px,0)在第一个导航按钮上,一切正常,但输入[type=range]没有响应 我最初有这样一个: 后来我添加了-webkit透视图:1到正文。这在Safari上是固定的,但在iOS上不是: 有人能告诉我如何让范围函数在iOS上工作,以及为什么翻译后它不注册吗 只是为了进

必须在iOS上使用JSFIDLE才能查看问题:)

开发一个iOS web应用程序,并具有多个面板,这些面板在单击时转换为-480px(通过使用JQuery添加一个类)

当我使用
-webkit转换时:translate:(480px,0)
在第一个导航按钮上,一切正常,但输入[type=range]没有响应

我最初有这样一个:

后来我添加了
-webkit透视图:1到正文。这在Safari上是固定的,但在iOS上不是:

有人能告诉我如何让范围函数在iOS上工作,以及为什么翻译后它不注册吗


只是为了进一步说明,如果我将变换更改为“left:-480px”,则范围可以工作,但在设置动画时会变得块状

任何灯光都是顶级的,因为它非常烦人(如果它是一个bug,有人可以归档它,因为我不是开发人员)



编辑以使问题更清楚,并显示更新的JSFIDLE

我也遇到了同样的问题,我可以通过将面板的css属性设置为translate(0,0)来解决这个问题,因为它需要范围工作。
为了使动画/位置正确,我使用div包装元素,并根据需要设置x位置,并在不需要激活范围时移动面板的translate属性。希望它能在您的结构中工作。

对我来说似乎运行完美(至少在chrome中)。您能更详细地说明一下您的浏览器/操作系统吗?滑块在
moveY()前后显示。
对我来说很好。。。
showValue()
函数在哪里?我可以在firefox中看到问题…我会尝试解决它…是的,看起来不错,但在Safari和iOS下,滑块不起作用。showValue用于另一个部分,其中该值刚刚写入文档。它在iOS上运行有什么黑客攻击吗?我能给你一个线索吗