Jquery “使元素开始”；关「；屏幕

我试图让一个元素在用户向下滚动一点的时候滑入屏幕。我已经知道如何制作动画，但是如果元素已经存在，那么使用动画是没有意义的。那么，如何创建一个在页面加载时不加载的元素呢

谢谢。

HTML：

<div id="element"></div>

Javascript:

var animation = function() {
    document.getElementById("element").style.display = "block";
}

如果你想让它从左边滑动，也一样。元素应该有一个负数，然后可以使用Javascript来更改它

#element {
    position: absolute;
    left: -50px;
}

---

使用谷歌？css显示属性和负页边距将帮助您。这正是我想要的。。谢谢@TJS

#element {
    position: absolute;
    left: -50px;
}