/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

33 votes224 views6 answers
Jquery get radio button checked
Javascript jQuery
-1 vote231 views1 answer
Jquery element distance from top of window
Javascript jQuery
8 votes263 views1 answer
Get the size of the browser jquery
Javascript jQuery
1 vote247 views1 answer
Jquery get relative position of element
Javascript jQuery
0 vote307 views1 answer
Jquery get value of td by class
Javascript jQuery
0 vote227 views1 answer
Onclick css display jquery
Javascript jQuery
36 votes220 views3 answers
Jquery add html to end of div
Javascript jQuery
36 votes222 views6 answers
Input radio checked jquery
Javascript jQuery
7 votes240 views3 answers
Prevent form submit html javascript jquery
Javascript jQuery
1 vote260 views1 answer
How to add two number using jqueryu
Javascript jQuery