Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Parallax-JS (razorfish) plugin

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #149712
    grimski
    Participant

    Hi there,

    I was wondering if anyone had any experience with this plugin, as I have a question or two.

    Github: https://github.com/razorfish/Parallax-JS
    Demo: http://razorfish.github.io/Parallax-JS/#header

    The plugin works great but I decided to see if I could animate the text as well as the background images. This is done using custom css classes, example below:

    .story.start {
        opacity: .5;
    }
    
    .story.focus, 
    story.to {
        opacity: 1;
    }
    
    .story.end {
        opacity: 0;
    }
    

    This works fine on the panels and the background images but even though I just change the opacity, it seems to really mess with the layout when scrolling. Its like the background image keeps traveling in one direction until the ‘fade’ on the text has finished, then it goes back and finishes off the ‘correct’ animation.

    I’m not sure if the animations are stacking, rather than running at the same time – but it seems like that to me? If someone has this plugin I’d really appreciate it if they could take a look. I understand if its just a limitation of the plugin.

    Thanks, hope someone can help!
    Steve

Viewing 1 post (of 1 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.