Hello Readers !
Here is an example of parallax with simple script and it is also compatible with internet
explorer.
Script :-
copytext
<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>
Tags
JQuery html parallax
For More Kindly visit to http://findnerd.com/NerdDigest
Here is an example of parallax with simple script and it is also compatible with internet
explorer.
Script :-
copytext
<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>
Tags
JQuery html parallax
For More Kindly visit to http://findnerd.com/NerdDigest
No comments:
Post a Comment