ページが読み込まれたときに画面に移動するように見えるように、div をアニメーション化しようとしています。これまでのところ、アニメーションはシームレスです。私が抱えている問題は、技術的には div がドキュメントの視覚的な境界 (100% または 1200px) を超えて開始されるため、ほとんどのブラウザーは、div が中央に移動すると縮小する水平スクロールバーでページを開始するように見えることです。本当に気が散る。通常のウィンドウよりも小さい場合にスクロールバーを完全に削除したくはありませんが、常に実装したくもありません。
同じ z-index のコンテナー div 内にアニメーション化された 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;
}