Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML/CSS/JAVASCRIPT:如何移动元素而不显示滚动条_Javascript_Jquery_Html_Css_Dom - Fatal编程技术网

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

HTML/CSS/JAVASCRIPT:如何移动元素而不显示滚动条,javascript,jquery,html,css,dom,Javascript,Jquery,Html,Css,Dom,我试图将div元素从页面外部滑动到页面内部。但是,一旦元素显示在页面外,水平滚动条就会出现 如何在没有滚动条出现的情况下实现这一点 非常感谢您提供的任何帮助:)将元素从页面向左移动,将其向右移动可使用overflow-x短暂增加页面宽度: function moveStuff() { $('body').css('overflow-x', 'hidden'); $('#iteminmotion').show().animate(..., function() {

我试图将div元素从页面外部滑动到页面内部。但是,一旦元素显示在页面外,水平滚动条就会出现

如何在没有滚动条出现的情况下实现这一点


非常感谢您提供的任何帮助:)

将元素从页面向左移动,将其向右移动可使用overflow-x短暂增加页面宽度:

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

您真的需要在页面外构建元素,还是让它看起来像是在屏幕上滑动?我以前也做过类似的事情来模拟在页面上滑动的图形,但是我没有从视图区域之外开始,而是尽可能地将其创建到一边,然后将幻灯片设置到中间。此时的用户体验可以是从视图区域外滑到页面上的图形。

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

body {overflow-x:hidden;}

那么,您是否有滑动效果,只需修复滚动条即可。太好了。我只是想一想:如果你的动画很长,你可能会考虑把溢出X重置回到Autoto动画完整的回调函数。如果你真的找到了一个有问题的例子。