变换:翻译和不需要的滚动/拖动它应用的元素

时间:2013-12-02 21:24:29

标签: javascript jquery html css

由于这个原因,我在完成一个项目时遇到了很多麻烦。

我需要一个使用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/

0 个答案:

没有答案