/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

35 votes208 views6 answers
Jquery select by name
Javascript jQuery
0 vote245 views1 answer
Jquery select2 hide search box
Javascript jQuery
0 vote289 views1 answer
Jquery get attribute value of parent element
Javascript jQuery
115 votes291 views6 answers
Checkbox jquery checked
Javascript jQuery
11 votes219 views3 answers
How to instal jquery with npm
Javascript jQuery
0 vote205 views1 answer
Check if class is active jquery
Javascript jQuery
0 vote174 views1 answer
Get all selected checkbox value in jquery
Javascript jQuery
0 vote254 views1 answer
Jquery get data from first column of table
Javascript jQuery
0 vote231 views1 answer
Jquery datatable get column values in array
Javascript jQuery
0 vote258 views4 answers
Add edit delete from table using jquery
Javascript jQuery