pixelcog/parallax.js

How to use this plugin with background-image

Closed this issue · 3 comments

D-Marc1 commented

Maybe I'm missing something here, but it seems like there is no way to use this plugin with the CSS background-image property. This would be great for using with background-size: cover.

wstoettinger commented

should be working when using the html version. make sure to set a minimum height for the parallax-window and the element with the background.

<div class="parallax-window">
  <div class="parallax-slider">
    <div class="with-background-image">Div with background image and minimum height</div>
  </div>
</div>
$('.parallax-window').parallax();
demeralde commented

@wstoettinger where can I find the styles for those classes in the mark-up?

wstoettinger commented

@dspacejs natively this library doesn't use styles. It just uses the class names to identify the elements.

  • 👍1