Question

因此，例如，如果我的宽度为2000px的图像大于屏幕宽度，则从左到右进行动画处理。 Here.如何对其进行编码，以便在动画时不会出现滚动条？此外，它不会影响我的身体，例如，当我恢复窗口时，滚动条将仅显示给我的身体。

Answer 1

你必须将元素包装在基本上＆＃34;吃＆＃34;的包装中。多余的宽度：

<强>的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 2

使用CSS overflow

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

Answer 3

只需将position更改为fixed也可以

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

Demo

如何在不影响身体的情况下隐藏大于屏幕宽度的动画图像的滚动条？

3 个答案: