Hello and welcome to our community! Is this your first visit?
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
    Thanked 2 Times in 2 Posts

    How is the background scrolling effect on this site achieved?


    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?



  2. #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Halle (Saale), Germany
    Thanked 1,180 Times in 1,151 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