<script>
$(window).scroll(function() {


    if ($(window).scrollTop() > 600){

        $("#bottom").addClass('show');

  } else {

    $("#bottom").removeClass('show');

    };      
});
</script>

<button type="button" onclick="scrollWin()"><img src="Images/aerodown.png"></button>
function scrollWin() {
    window.scrollBy(0, 180);
}

Hi frds this is my code. I have to do when maximum content is reached then this image should be hide. This image set in bottom. When last content is reach then it should be hide. This jsp is dynamic page. It has lot contents. How to overcome this problem. Please help me

If you want the image to dissapear when a maximum content is reached, then why do you have the code functioning onClick?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.