使用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;
}

- hooligans

---

将元素的位置设置为固定，并使其脱离文档流。 - adeneo

@adeneo，这是一个可行的解决方案，为了OP能够接受答案并获得积分，您可能希望将其作为答案发布。 - Mitya

@adeneo 喜欢它。你应该把它发布为一个答案。 - Kiruse

Answer 1

将溢出设置为隐藏。如果需要，甚至可以在 body 上执行此操作。

- Zachary Kniebel