Home/ Questions/Q 8489751
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T21:54:55+00:00

Could anyone help me with this JavaScript? I want a div to show when

  • 0

Could anyone help me with this JavaScript?

I want a div to show when you scroll down over 1000 pixels, currently it works with the script below but it shows instantly when scrolled.

I tried setting it to >1000 and it doesn’t show at all?

Any ideas? 

$(window).scroll( function(){

    /* Check the location of each desired element */
    $('.hideme').each( function(i){

        /* If the object is completely visible in the window, fade it in */
        if ($(this).scrollTop() < 1000){
            $(this).animate({'opacity':'1'},900);
        }
    }); 
});
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Hopefully this will help?

    <html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
    <script>
    $(window).scroll( function(){
        /* Check the location of each desired element */
        $('.hideme').each( function(i){
            console.log($(window).scrollTop());
            if ($(window).scrollTop() < 500){
                $(this).stop().animate({
                    opacity: 1.0
                },900);
            } else {
                $(this).stop().animate({
                    opacity: 0.0
                },900);
            }
        }); 
    });
    </script>
</head>
<body style="height: 1500px;">

<div style="width: 400px; height: 50px; position: absolute; top: 500px; background-color: silver; opacity: 0.0;" class="hideme">asdsa</div>

</body>
</html>

    I’ve changed the functionality slightly, hopefully you’ll know what to do 😉

    • 0