Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • Example of parallax

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 306
    Comment on it

    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)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: