0

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

4

3 に答える 3

0

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

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

デモ

于 2012-08-11T06:08:15.480 に答える
0

基本的に余分な幅を「食べる」ラッパーで要素をラップする必要があります。

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/

于 2012-08-11T06:05:48.370 に答える
0

CSS を使用するoverflow

.animation
{
/*other properties*/
overflow:hidden;
}
于 2012-08-11T06:06:32.610 に答える