dixonandmoe / rellax

Lightweight, vanilla javascript parallax library
https://dixonandmoe.com/rellax/
MIT License
7.06k stars 878 forks source link

breakpoints not working, maybe.. #190

Closed stratboy closed 4 years ago

stratboy commented 4 years ago

Hi, my code:

  var rellax = new Rellax('.parallax-container',{
    speed: -3
    ,breakpoints: [576, 768, 1201]
  });
    <div class="parallax-container pc-1" data-rellax-zindex="-1"  data-rellax-tablet-speed="-5" data-rellax-mobile-speed="-10">
      <figure><img src="<?php echo_img_url('cama.svg') ?>" alt=""></figure>
    </div>

Apparently, when I resize my window to about 400px, (or, anyway, any size), the speed isn't changing at all. It seems to be the default one I had before setting the breakpoints.

Same happens by stripping out speed param:

  var rellax = new Rellax('.parallax-container',{
    breakpoints: [576, 768, 1201]
  });

And adding breakpoints to html src

    <div class="parallax-container pc-1" data-rellax-zindex="-1"  data-rellax-speed="-3" data-rellax-mobile-speed="10" data-rellax-tablet-speed="-5">
      <figure><img src="<?php echo_img_url('cama.svg') ?>" alt=""></figure>
    </div>
stratboy commented 4 years ago

No ok, had to set a lower minimal breakpoint. All works fine.