How to auto-scroll to a specific section on the same page from a hamburger menu in FlutterFlow?

Widgets & Design

Hi everyone,

I’m trying to implement an auto-scroll behavior on my landing page in FlutterFlow and couldn’t find how to do it in the documentation or in other examples, so I’m asking for help here.

I have a landing page with multiple sections. One of the sections is “Why You Choose Us” (see screenshot 1). I also have a hamburger menu. When the user opens the hamburger menu (see screenshot 2) and taps the “Why You Choose Us” menu item, I want the page to automatically scroll to the “Why You Choose Us” section on the same page.

In the FlutterFlow documentation I only found examples about navigating to another page (using actions like Navigate to Page), but not scrolling to a specific position/section within the current page.

What is the correct way to achieve this in FlutterFlow?

  • Is there any built-in action like Scroll To Widget or Scroll To Position for this use-case?

  • Do I need to use a ScrollController, custom code, or a specific widget/action setup?

  • How should I configure the target section and the hamburger menu item so that tapping the menu item scrolls directly to that section?

Any step-by-step explanation or example would be really appreciated.
Thank you in advance!

Screenshot 2025-11-25 at 9.28.17 PM.png
692.63KB

Screenshot 2025-11-25 at 9.27.44 PM.png
533.07KB

What have you tried so far?

I read the documentation of flutter flow.

I tried to give action to the container scroll to but it did not work

Did you check FlutterFlow's Documentation for this topic?
No
3
13 replies