由于这个原因,我在完成一个项目时遇到了很多麻烦。
我需要一个使用hw过渡动画的元素,所以我使用transform:translate,但是在动画完成后你仍然可以触摸拖动元素或使用鼠标中键滚动它,即使我已经溢出了父元素(在我的例子中是身体)。我不能使用绝对定位所以使用左:290px;是不可能的。
有什么想法吗?我花了很多时间在这个上。
<html>
<style>
body {
overflow-x:hidden;
}
#myelem {
width:1800px;
height:100%;
background:red;
transform:translate(290px,0);
-ms-transform:translate(290px,0);
-webkit-transform:translate(290px,0);
-webkit-backface-visibility: hidden;
}
</style>
<body>
<div id="myelem">
test
</div>
</body>
</html>
解决问题的方法: http://jsfiddle.net/ztHgf/