Hello Readers !
Here is an example of parallax with simple script and it is also compatible with internet explorer.
Script :-
<script type="text/javascript">
$(document).ready(function() {
$(window).bind('scroll',function(){
parallax();
})
})
function parallax(){
var scrollposition=$(window).scrollTop();
$('.ground').css('top',(0 - (scrollposition * .1))+'px')
$('.box').css('top',(0 + (scrollposition * 1.2))+'px')
}
</script>
html
<div class="main">
<div class="ground" id="base"></div>
<div class="box"></div>
</div>
0 Comment(s)