使元素开始＆＃34;关闭＆＃34;屏幕

Question

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

感谢。

Answer 1

HTML：

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

CSS：

#element {
    display: none;
}

使用Javascript：

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

如果您想要的是从左侧滑动，那么同样如此。你的元素应该有一个负数，然后你可以用Javascript来改变它。

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