HTML/CSS/JAVASCRIPT:如何移动元素而不显示滚动条
我试图将div元素从页面外部滑动到页面内部。但是,一旦元素显示在页面外,水平滚动条就会出现 如何在没有滚动条出现的情况下实现这一点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() {
非常感谢您提供的任何帮助:)将元素从页面向左移动,将其向右移动可使用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动画完整的回调函数。如果你真的找到了一个有问题的例子。