Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Zooms to the top instead to center or bottom #132

Open
leolux opened this issue Aug 15, 2015 · 0 comments
Open

Zooms to the top instead to center or bottom #132

leolux opened this issue Aug 15, 2015 · 0 comments

Comments

@leolux
Copy link

leolux commented Aug 15, 2015

Stellar zooms my background-image always to the top of the image instead to the center when the image gets smaller than the width of the screen.

It seems useless to set the css property background-position: center center; for the background-image because it will be overriden by Stellar. And adding the "!important" word results in no parallax effect at all.

Here is my configuration:

$(document).on('ready', function () {
    $.stellar({
      responsive: false,
      verticalOffset: 60,
      parallaxBackgrounds: true,
      parallaxElements: true,
      horizontalScrolling: false,
      hideDistantElements: false,
      scrollProperty: 'scroll'
    });
  ...

So how to tell Stellar to zoom into the center instead of the top?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant