/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 vote282 views1 answer
To set the dropdown default value using jquery
Javascript jQuery
61 votes283 views4 answers
Jquery redirect
Javascript jQuery
0 vote306 views1 answer
Age validation jquery
Javascript jQuery
9 votes293 views2 answers
Check box jquery
Javascript jQuery
0 vote268 views1 answer
How to create jquery function
Javascript jQuery
0 vote289 views1 answer
How to append value to input field using jquery
Javascript jQuery
11 votes289 views3 answers
Jquery set width
Javascript jQuery
10 votes298 views3 answers
Js import jquery
Javascript jQuery
0 vote276 views1 answer
Jquery is not defined rails
Javascript jQuery
0 vote288 views1 answer
How to remove more than one attribute using jquery
Javascript jQuery