jquery - 本体に影響を与えずに画面幅より大きいアニメーション画像からスクロールバーを非表示にする方法は?

Question

たとえば、画面幅よりも大きい幅 2000px の画像があり、左から右にアニメーション化されている場合。ここ。アニメーション中にスクロールバーが表示されないようにコーディングするにはどうすればよいですか? また、たとえば、ウィンドウを元に戻すと、体にのみスクロールバーが表示されるなど、体には影響しません。

Answer 1

に変更positionするだけfixedでも構いません

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

デモ

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;
}