Extension Drop Effect

Read the use of fullPage.js Extensions before using the drop effect option.

• Live demo
• Options
  • Cards Effect Options
• Methods

Options

Option	Description
dropEffect type:[Boolean	Text]
dropEffectOptions: type: Object	(default: { speed: 2300, color: '#F82F4D', zIndex: 9999}). Allows to configure the parameters for the drop effect when using the option dropEffect:true.

Drop Effect Options

You can see them in action in the demo page

Description of the configurable options available within the option dropEffectOptions:

dropEffectOptions	Description
speed type: Number	(default 2300) defines the speed in milliseconds for the drop animation effect since beginning to end.
color type:[Text	Array]
zIndex type: Number	(default 9999 ) defines value assigned to the z-index property for the drop effect. It allows you to control the stack order of the effect in relation with other elements on the page.

Methods

You can see them in action in the demo page

setOption(optionName, value)

Sets a value for a given option. optionName can be any of of the options available in dropEffectOptions. (color, speed or zIndex).

//changing the value for the property `speed`
fullpage_api.dropEffect.setOption('speed', 6000);

//changing the value for the property `color`
fullpage_api.dropEffect.setOption('color', 'blue');

---

turnOn()

Enables the drop effect. Useful if you need to enable it dynamically at a certain point in time.

fullpage_api.dropEffect.turnOn();

---

destroy()

Turns off the drop effect.

fullpage_api.dropEffect.destroy();