How to show content when screen is scrolled?

I want to show a div when the screen is scrolled 10% or 50%, tell me how this is possible with javascript?

Related to:

screenscrollshowhidejavascript

Imran Nadwi

Q30 A3 4 5.6K

Asked 2 years ago

Answer

Answer 1 of 1

# 3

To show content when screen is scrolled.

Use CSS property display: none; and display: block; or use visibility: hidden; and visibility: visible;.

Choose either method depending on your requirement.

This can be done using JQuery!

<script>
$(window).scroll(function() {
if ($(window).scrollTop() >= 400) {
$("#id").css("display", "block");
} else {
$("#id").css("display", "none");
}
});
</script>

Try this.

CodingerWeb

Q2 A31 4 356

Answered 2 years ago