Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Oct 2005
    Posts
    336
    Thanks
    43
    Thanked 2 Times in 2 Posts

    How is the background scrolling effect on this site achieved?

    Hello,

    Has anyone seen this website http://www.bata.com and the cool background scrolling effects it uses?

    I was just wondering how the effect is achieved. The site is showcased on Wordpress.com. Im guessing its HTML5?

    Cheers

    Tom

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,677
    Thanks
    6
    Thanked 1,008 Times in 981 Posts
    Quote Originally Posted by moss2076 View Post
    Im guessing its HTML5?
    No, it’s not. I mean, they are using HTML 5 but that’s not what makes the effect happen. HTML is for the structure and meaning of the content, not for the look or behavior. Actually, this is a combination of CSS and JavaScript, where CSS is responsible for the looks and JS is responsible for the behavior. It looks like the parallax script at http://www.bata.com/wp-content/theme...js/parallax.js is creating this effect. However, as there is no indication of this being a pre-made jQuery plugin it could very well be a custom solution. You may have to study the script thoroughly in order to recreate that, or – although I’m not suggesting you should do it (for copyright reasons) – you could just copy it and try to build your own site around it.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •