我正在尝试为 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;
}