/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

18 votes207 views1 answer
Remove attribute jquery
Javascript jQuery
35 votes220 views5 answers
Jquery checkbox set checked
Javascript jQuery
55 votes219 views5 answers
Jquery reload page
Javascript jQuery
93 votes203 views6 answers
Document jquery
Javascript jQuery
0 vote237 views1 answer
Add jquery in laravel
Javascript jQuery
0 vote231 views1 answer
Call a mvc action from jquery
Javascript jQuery
0 vote188 views1 answer
Jquery initialize
Javascript jQuery
16 votes226 views4 answers
Jquery data selector
Javascript jQuery
0 vote224 views1 answer
How to Set Active Tab in jQuery Ui
Javascript jQuery
7 votes219 views3 answers
Stop submit form jquery
Javascript jQuery