ios - 为什么 input[type=range] 在 CSS3 转换后不起作用？

Question

必须在 iOS 上使用 JSFiddle 才能看到问题:)

开发一个 iOS 网络应用程序，并具有多个面板，这些面板在点击时转换为 -480 像素(通过使用 JQuery 添加一个类)。

当我在第一个导航按钮上使用 -webkit-transform: translate: (480px,0); 时，一切正常，除了 input[type=range] 变得没有响应。

我原来有这个:http://jsfiddle.net/b4ung/2/

后来我在正文中添加了 -webkit-perspective: 1; 。这在 Safari 上已修复，但在 iOS 上不:http://jsfiddle.net/RLywz/2/embedded/result/

谁能告诉我如何让 range 函数在 iOS 上工作，以及为什么它在翻译后没有注册？

---

请注意，如果我将变换更改为“left: -480px”，则范围有效，但在设置动画时会变成 block 状。

任何灯都是最重要的，因为它很烦人(如果它是一个错误，有人可以提交它，因为我不是开发人员)

---

已编辑以使问题更清楚，并显示更新的 JSFiddle

Answer 1

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