/Javascript/jQuery/Jquery scroll when object appear on screen make animation

Jquery scroll when object appear on screen make animation

$(window).on("scroll", function(){
  if($(window).scrollTop() + $(window).height() - 100 >= $(".target").offset().top){
    alert("On viewport");
  }
})

Source: stackoverflow.com

Jquery scroll when object appear on screen make animation

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="target">
</div>

Source: stackoverflow.com

Jquery scroll when object appear on screen make animation

scroll zoom

Jquery scroll when object appear on screen make animation

body{
  padding-top: 150vh;
}

.target{
  background: red;
  width: 100%;
  height: 50px;
  margin-bottom: 500px;
}

Source: stackoverflow.com

Similar codes

0 vote271 views2 answers
Jquery get all text inputs
Javascript jQuery
0 vote207 views1 answer
Make form submit on new window using jquery
Javascript jQuery
11 votes249 views3 answers
Jquery validate cdn
Javascript jQuery
26 votes205 views6 answers
Reset form jquery
Javascript jQuery
0 vote185 views1 answer
Click and copy jquery dynamic content
Javascript jQuery
1 vote226 views1 answer
Jquery iterate obj
Javascript jQuery
7 votes182 views2 answers
Radio button onchange jquery
Javascript jQuery
0 vote196 views1 answer
How to add text to h2 with jquery
Javascript jQuery
0 vote217 views1 answer
Jquery validator add method
Javascript jQuery
11 votes221 views3 answers
How to instal jquery with npm
Javascript jQuery