jQuery在不需要滚动的情况下从屏幕外设置水平分割动画

Question

我正在尝试动画一个div，这样当页面加载时，它看起来会移动到屏幕上。到目前为止，动画是无缝的。我遇到的问题是，因为div在技术上超出了文档的视觉边界，(100%或1200px)大多数浏览器似乎都是从一个水平滚动条开始的，当div移到中心时，滚动条会缩小，这真的很让人分心。我不想在窗口比平常小的情况下完全删除滚动条，但我也不想经常实现它。

我曾尝试将动画div放在同一z索引上的容器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

将overflow设置为hidden。如果有必要，你甚至可以在身体上这样做。