我一直在玩JQuery,有几个问题。
页面完全加载后,我想从屏幕外将元素动画化为其位置。
我有自己喜欢的效果,但我觉得我是从错误的角度来对待它的。我使用CSS将元素放置在页面外,并使用Jquery将其移动到正确的位置。这正常吗?
这是我的示例:
jQuery查询
$(document).ready(function() {
$( "#box" ).animate({
top: "62px",
}, 1000, function() {
// Animation complete.
});
});
的CSS
#box {
width: 100%;
height: 62px;
background-color: black;
position: absolute;
margin-top: -62px;
}
http://codepen.io/Legym/pen/vEbJqG/
最佳答案
您可以将框样式设置为显示:无;
:
#box {
width: 100%;
height: 62px;
background-color: black;
display:none;
}
然后显示
$(document).ready(function() {
$( "#box" ).show('slow');
});
关于javascript - 使用JQuery设置动画元素,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29247010/