# Show Popup on Scroll

<figure><img src="/files/buAYjAYO0TR7GxZmNlh5" alt=""><figcaption></figcaption></figure>

The **Show Popup on Scroll** setting allows you to display the cookie consent popup only after a visitor has scrolled down the page. This option gives you more flexibility in how and when users are prompted, helping reduce disruption and aligning the popup with visitor engagement.

⚠️ **Note:** If this feature is enabled, the **Popup Showing Delay** setting will be ignored.

***

#### How to Configure

1. Go to the **Cookie Consent App Settings** tab in your Webflow project.
2. Locate the **Show Popup on Scroll** option.
3. Select a **Trigger Type**:
   * **Percentage** → Trigger the popup once the user has scrolled down a specific percentage of the page.
   * **Pixel** → Trigger the popup after the user has scrolled a set number of pixels.
4. Enter a value in the input field based on your selected trigger type:
   * **Scroll Percentage (%)** → e.g., `30` to show the popup after the user scrolls 30% of the page.
   * **Scroll Distance (px)** → e.g., `500` to show the popup after the user scrolls 500 pixels.
5. Save your changes.

***

#### Best Practices

* **Percentage Trigger:**\
  Useful for long-form content or landing pages, ensuring the popup appears after a visitor is engaged with the content.
* **Pixel Trigger:**\
  Ideal for fixed-height layouts or when you know exactly how far down the page you want the popup to appear.
* **Accessibility & Compliance:**\
  Avoid setting values too high, as visitors may exit before the popup shows, risking compliance issues.

***

#### Example

* If you set **Trigger Type = Percentage** and **Scroll Percentage = 25**, the popup will appear once the user scrolls **25% down the page**.
* If you set **Trigger Type = Pixel** and **Scroll Distance = 400**, the popup will appear after the user scrolls **400 pixels**.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.flowappz.com/home/cookie-consent/getting-started/settings/show-popup-on-scroll.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.