Scroll Effects

  • Select an element and click the “Advanced” tab of the Elementor panel.
  • Enable the feature from the [WPBits] Scroll Effects section
  • Give start and end values based on the scroll position of the browser window.
  • Activate one of the transformation effects then customize the start/end values of the effect between the given viewport. Viewport defines when the effect is going to be performed between the given values. For example, if you want to start the effect when the item appeared and end when disappeared, then leave the viewport bottom and top values “0”. Or, you may want to start the effect a while later when the item first appeared on the screen, in this case, you need to increase the Viewport Bottom value.