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

將溢出設置為隱藏。 如有必要，您甚至可以在身體上進行此操作