jquery - 如何在不影响正文的情况下从大于屏幕宽度的动画图像中隐藏滚动条？

Question

因此，例如，如果我有一个宽度为 2000 像素的图像，它大于屏幕宽度，则从左到右进行动画处理。这里。我如何对其进行编码，以便在动画时不会出现滚动条？它也不会影响我的身体，例如当我恢复窗口时，滚动条只会出现在我的身体上。

Answer 1

您必须将元素包装在基本上“吃掉”多余宽度的包装器中：

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

使用 CSSoverflow

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

Answer 3

只是改成position也会fixed做

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

演示