/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 vote182 views1 answer
Jquery thousand separator
Javascript jQuery
0 vote178 views1 answer
Immediate invoke jquery arrow function
Javascript jQuery
22 votes146 views1 answer
Jquery loop over elements
Javascript jQuery
83 votes253 views6 answers
Jquery click event
Javascript jQuery
2 votes193 views3 answers
Count all elements with class jquery
Javascript jQuery
18 votes186 views2 answers
Get value of div jquery
Javascript jQuery
93 votes216 views6 answers
Document jquery
Javascript jQuery
26 votes256 views5 answers
Get checked radio button value jquery by name
Javascript jQuery
22 votes185 views6 answers
Jquery innerhtml
Javascript jQuery
0 vote191 views3 answers
Agregar atributo con id jquery
Javascript jQuery