要素を "オフ"スクリーンにする

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