jQuery动画水平div从屏幕外无滚动

Question

我正在尝试为div设置动画，以便在页面加载时它显示为移动到屏幕上。到目前为止，动画是无缝的。我遇到的问题是，因为div在技术上超出了文档的视觉边界（100％或1200px），大多数浏览器似乎都会启动页面，水平滚动条随着div移动到中心而缩小，并且真的让人分心。我不想在小于平常窗口的情况下完全删除滚动条，但我不希望它经常实现。

我尝试将动画div放在同一个z-index上的容器div中，但是当它识别容器内的位置时，它仍然会延伸到屏幕之外。如果有一个解决方案，通过jquery，javascript或css，（试图避免UI库）我会非常感激。

jQuery：

$(document).ready(function(){
$(".move").animate({marginLeft:"100px"},700);   
});

CSS：

.move {
margin-top:70px;
margin-left:100%;
height:300px;
width:400px;
z-index:301;
}

Answer 1

将溢出设置为隐藏。如有必要，你甚至可以在身上做到这一点