Coder Social home page Coder Social logo

Comments (5)

markdalgleish avatar markdalgleish commented on June 29, 2024

As far as images disappearing, that's typically caused by not specifying dimensions on your images. If the browser is still loading them and reports incorrect dimensions, Stellar.js ends up performing its calculations with faulty data.

Anything with a stellar-ratio of <1 should ideally be position: fixed, or be implemented as a background image. Otherwise Stellar.js is fighting against the browser to position elements.

from stellar.js-site.

devoncrazylegs avatar devoncrazylegs commented on June 29, 2024

Thanks I'll give that a try.
In relation to specifying dimensions, does it matter if they are specified in the markup or CSS?
Thanks

from stellar.js-site.

markdalgleish avatar markdalgleish commented on June 29, 2024

Doesn't matter, either way will work.

from stellar.js-site.

earthjibber avatar earthjibber commented on June 29, 2024

Hi,

I've set a height for each one of my background images and I've set the width to 100% since I want to display them at full width of the browser and I'm still getting a lot of shakiness when scrolling.

I set a ratio of 0.6, then changed it to something faster like 0.8 and it seemed to help but I'm still getting a lot of shakiness.

I have tested in webkit(mac & pc), firefox(mac & pc) and disabled it for IE since it just didn't work very well. Firefox has been working great but webkit (safari & chrome) are really shakey in both mac & pc. It's not as bad on a mac but on pc/windows it's really bad still.

The URL to the site is: http://diningataltitude.com

If you can help me out that would be awesome and I am definitely willing to make a donation for your time.

Thanks

from stellar.js-site.

itsnamitashetty avatar itsnamitashetty commented on June 29, 2024

@earthjibber looks like your site is working fine now .. how did you fix it exactly. I seem to be having issues with the fourth slide background. It shows up on load and then if i scroll up and down again its gone! I dont know how to fix it.

from stellar.js-site.

Related Issues (1)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.