Top
Ignore Scroll on Application Body for Flows
  • 17 Dec 2024
  • 1 Minute To Read
  • Dark
    Light
  • PDF

Ignore Scroll on Application Body for Flows

  • Dark
    Light
  • PDF

Article summary

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

  2. Click Advanced customisation.
    ia_settings_advanced%20configuration

  3. Click Technical configuration.
    ac_tech config.png

  4. Click Add preferences.
    tech config_add prefrences.png

  1. Click Flow.
    tech config_flow.png

  2. Select the Ignore Scroll on Body checkbox.
    tech config_enable ignore scroll on body.png

  3. Click Add.
    tech config_add button.png

  4. Enable the Ignore Scroll on Body checkbox.
    tech config_ignore scroll on body toggle.png

  5. Click Save.
    tech config_save.png


Was this article helpful?

Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.