<body>
<script>
$(window).scroll(function() {
$('#csgo').each(function(){
var imagePos = $(this).offset().top;
var topOfWindow = $(window).scrollTop();
if (imagePos < topOfWindow+400) {
$(this).addClass("slideUp");
}
});
});
</script>
<script>
$(window).scroll(function() {
$('#dota').each(function(){
var imagePos = $(this).offset().top;
var topOfWindow = $(window).scrollTop();
if (imagePos < topOfWindow+400) {
$(this).addClass("slideDown");
}
});
});
</body>
I'm currently facing an issue with identifying the appropriate placement for my setTimeout function. Each time I try to include it in a script, it doesn't seem to have any effect. My aim here is to introduce a delay of more than 1 second before triggering the animation upon page load so that the background logo becomes visible. However, what actually occurs is that the animation initiates immediately upon page load without any delay.