2

必须在 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/

有人可以告诉我如何让范围功能在 iOS 上工作，以及为什么它在翻译后没有注册？

只是为了进一步说明，如果我将变换更改为“左：-480px”，则范围有效，但在制作动画时会变得块状。

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

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

4

1 回答 1

1

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

于 2013-09-23T03:50:46.170 回答