Adding Scroll Parallax Effect

Scroll parallax effect adds parallax effect to slides and layers. It moves the content when page scrolls. This parallax effect is completely different from layers parallax and it works separately.

To setup this effect, add scrollParallax option in slider options section. This option accepts an object containing scroll parallax parameters. The parameters are listed below:

• layers – The layers movement ratio.
• bg – The slider background movement ratio.
• fadeLayers – Fades layers on parallax move.
• fadeBg – Fades slide background on parallax move.
• scale – Scales slide background.
• smooth – Enables the smooth parallax movement.

var slider = new MasterSlider();
  slider.setup( 'headerSlider', {
    width: 900,
    height: 700,
    scrollParallax: {
      layers: 50,
      bg: 100,
      fadeLayers: false,
      fadeBg: false,
      scale: false,
      smooth: false
    }
    // other options ...
  });

All of the options are optional. If you need to enable the parallax effect with default parameter values, just set an empty object value. i.e. scrollParallax: {}