Sunday 1 March 2015

Example of parallax

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

No comments:

Post a Comment