HTML / CSS / JAVASCRIPT：如何移动元素而不显示滚动条

Question

我正在尝试将div元素从页面外部滑动到页面内。但是，只要元素显示在页面外，就会出现水平滚动条！

如果没有出现滚动条，我怎样才能实现这一目标？

非常感谢任何帮助，谢谢：）

Answer 1

简单地说，使用overflow-x：

function moveStuff() {
    $('body').css('overflow-x', 'hidden');
    $('#iteminmotion').show().animate(..., function() {
        $('body').css('overflow-x', 'auto');
    });
}

Answer 2

将元素从页面向左移动，向右移动元素会增加页面的宽度

Answer 3

您可以通过将此css应用于正文来暂时关闭侧滚动：

body {overflow-x:hidden;}

http://jsfiddle.net/pxfunc/YYUZJ/

Answer 4

你真的需要在页面外构建元素，还是让它看起来像滑到屏幕上？我过去做过类似的事情来模仿在页面上滑动的图形，但是我没有在视图区域外面创建尽可能远的边缘，然后将幻灯片动画到中间。此时的用户体验可以是从视图区域外部滑动到页面上的图形。