如何從大於屏幕寬度的動畫圖像中隱藏滾動條而不影響身體？

Question

因此，例如，如果我有一個寬度爲2000px的圖像，它比屏幕寬度大，從左到右動畫。 Here.我該如何編寫代碼，以便滾動條在動畫時不會出現？也不會影響我的身體，例如當我恢復窗口的滾動條只會出現在我的身體。

Answer 1

只是改變position到fixed也會做

#a { 
    width: 2000px; 
    position: fixed; 
} 

Demo

Answer 2

您必須包裝在包裝，基本上是 「吃」 多餘寬度的元素：

的JavaScript：

$('#a').wrap($('<div />', {'class': 'wrapper'})); 

CSS：

.wrapper { 
    position: relative; 
    overflow: hidden; 

    height: 200px; /* .wrapper collapses if there is no height 
         and your elements are absolutely positioned */ 
}​ 

演示：http://jsfiddle.net/x2YGX/3/

Answer 3

使用CSS overflow

.animation 
{ 
/*other properties*/ 
overflow:hidden; 
}