---
title: "Ignore Scroll on application Body for Flows"
slug: "ignore-scroll-on-application-body-for-flows"
updated: 2026-08-11T04:33:04Z
published: 2026-08-11T04:33:04Z
canonical: "support.whatfix.com/ignore-scroll-on-application-body-for-flows"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.whatfix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Ignore Scroll on application Body for Flows

When you scroll on a webpage, the entire body of the webpage moves up or down, which can trigger various events or actions on the page.

Enabling **Ignore Scroll on Body** ensures that Whatfix ignores the scrollbar on the application body. Instead of relying on the traditional scrolling mechanism of the webpage, Whatfix uses the JavaScript method `element.scrollIntoView()` to bring a specific element into view when required.

> [!NOTE]
> Info:
> 
> The `element.scrollIntoView()` method is a JavaScript function that scrolls the specified element into the visible area of the browser window. It is used when you want to ensure that a particular element is within the user's view. By using `element.scrollIntoView()`, Whatfix ensures that the focus is specifically on the element it wants to highlight or interact with, rather than relying on the general scrolling behavior of the webpage.

For example, consider that you have a Flow step that shows only after you scroll to a certain element. If you have **Ignore Scroll on Body** enabled, Whatfix automatically scrolls to the element where the step is created. The configuration can be particularly useful in scenarios where precise control over the scrolling behavior is necessary.

Use the following steps to ignore the scroll on the application body for all Flows:

1. On the Whatfix Guidance dashboard, click **Settings**. ![ia_left_nav_settings](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left_nav_settings.png)
2. Click **Advanced customisation**. ![ia_settings_advanced%20configuration](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_settings_advanced%20configuration.png)
3. Click **Technical configuration**. ![ac_tech config.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ac_tech%20config.png)
4. Click **Add preferences**. ![tech config_add prefrences.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech%20config_add%20prefrences.png)

1. Click **Flow**. ![tech config_flow.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech%20config_flow.png)
2. Select the **Ignore Scroll on Body** checkbox. ![tech config_enable ignore scroll on body.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech%20config_enable%20ignore%20scroll%20on%20body.png)
3. Click **Add**. ![tech config_add button.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech%20config_add%20button.png)
4. Enable the **Ignore Scroll on Body** checkbox. ![tech config_ignore scroll on body toggle.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech%20config_ignore%20scroll%20on%20body%20toggle.png)
5. Click **Save**. ![tech config_save.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech%20config_save.png)

> [!WARNING]
> Note:
> 
> Once you save the changes, you must perform a [Push to Production](/studio/docs/pushing-whatfix-content-to-production) for the changes to appear on the page.

## Related

- [Flows](/flows-2.md)