Page Scroll

Description

In certain cases, let's assume that a visitor scrolled through a page beyond a certain focal point. This example will show you how to rescue an opportunity.

Scroll down

My important message, roughly positioned at pixels from the top.
<div 
     style="margin-top:25rem;"
     data-fs-scroll="my-important-message"
     class="alert alert-info">
  My important message.
</div>
<div 
     style="height: 35vh; width: 100%;">
</div>
<div
    data-fs-etag="onscroll:my-important-message" 
    data-fs-params='{ 
        "trigger": {
            "moduleid": "module-2410d449e70cdb75a0fccd29e7880c17"
         },
         "rel": {
             "interaction": {
                    "subject":"You are missing the message!",
                    "description": "This interaction was triggered when you scrolled beyond the important message"
             }       
          }
    }'></div>
<div
    data-fs-el="@module-2410d449e70cdb75a0fccd29e7880c17" 
    data-fs-opt='{ 
        "display": "fixed",
        "placement": "centered", 
        "theme": "white", 
        "size": "lg"
    }'></div>