treehouse : what would you like to learn today?
Web Design Web Development iOS Development

stellar.js attaching fixed coordinates

  • I’m facing a couple nagging issues in dealing with some elements on a webpage I’ve built utilizing the stellar.js jQuery library.

    This is the page in question

    1. The elements that have the property data-stellar-ratio="XXX" written in-line don’t scale along with the page when you re-size it. You’ll notice that when you drag the window, the white sphere and the clouds become misaligned due to the stellar.js calculating/attaching fixed left, top coordinates and display block properties. (The author of the library told me I had to add image dimensions, but I added both inline and in the css without any difference).

    Thanks for your help!