/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

7 votes178 views2 answers
How to edit the link in a href with jquery
Javascript jQuery
3 votes160 views2 answers
Select options of Select2 control based on values using Jquery
Javascript jQuery
6 votes135 views4 answers
Jquery get url
Javascript jQuery
0 vote147 views1 answer
Jquery thousand separator
Javascript jQuery
57 votes206 views2 answers
Use jquery
Javascript jQuery
2 votes151 views1 answer
Count number of checkboxes in html jquery
Javascript jQuery
61 votes190 views2 answers
Jquery script tag source google
Javascript jQuery
12 votes163 views2 answers
Download jquery 3.1.1
Javascript jQuery
0 vote161 views1 answer
How to add make touchstart passive in jquery "3.4.0"
Javascript jQuery
0 vote166 views2 answers
How to get url parameter using jquery or plain javascript
Javascript jQuery