How to Make Scrolling Layers

Video Tutorial:

Article:

Layers you add to your page can be set to static, or scrollable. Here’s how to do it:

Screen Shot 2017-10-04 at 11.52.56.png

  1. To start, click the Layers button in the top toolbar. If you already have a layer, this will open up the Layers panel. Click Add New Layer.
  2. Adding a layer from a template
    If you want to choose from pre-existing layers, click the Convertri Layers folder in the left-hand menu. Or, if you've saved a layer before, select the folder where you saved the layer you want to use.
    Click to select your layer. You'll be able to check if your layer starts visible and is visible on mobile. When you're done, click Add. Enter a name for your layer, and click OK.
    When a layer has been successfully added to the page, a red checkmark will appear on the Layers button in the top toolbar.
  3. Adding a blank layer
    If you want to create a layer from scratch, click New Blank Layer, enter a name for your layer, and click OK.
    When a layer has been successfully added to the page, a red checkmark will appear on the Layers button in the top toolbar.
  4. In the Layers dialog, click the Scrollable button to toggle the layer’s ability to scroll.

Setting the layer to Scrollable will keep your main page static while the layer is visible, and the Not Scrollable option will keep your layer static while the main page is scrollable behind it.

NOTE:  Actions and events on scrollable layers will not work if the target element is on a different layer or the main page.