---
title: "Ignore Scroll on application Body for Flows"
slug: "ignore-scroll-on-application-body-for-flows"
updated: 2024-12-17T07:51:54Z
published: 2024-12-17T07:51:54Z
---

> ## 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

Typically, when you scroll on a webpage, the entire body of the webpage moves up or down, and this can trigger various events or actions on the page.

However, when **Ignore Scroll on Body** is enabled, Whatfix ignores the scrollbar on the application body. Instead of relying on the traditional scrolling mechanism of the webpage, Whatfix triggers the `element.scrollIntoView()`method when it needs to bring a specific element into view.

          your title goes here

          

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 will automatically scroll to the element where the step is created. This can be particularly useful in scenarios where precise control over the scrolling behavior is necessary.

Use the following steps to ignore 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)

## Related

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