First of all, to use this plugin, you need to enable the editing of the "ID Attribute" field for the elements of your application.
To do so, check the option "Expose the option to add an ID attribute to HTML elements" under "Settings > General > General appearance".

Now you're ready to use this plugin.
In your editor:

1) Add a Float Group container, position it at the top of your page and move inside your navbar element. This way your navbar will be above the content and position on the top of your page.

2) Open the Float Group, scroll to the bottom of its options and set a unique text id inside the "ID Attribute" (ex: "navbar").


3) Add anywhere on the page the element "Toggle Navbar On Scroll" and set the "Navbar ID" to what you just defined (ex: "navbar")

... and you're done! The navbar will be displayed or hidden when the user scrolls down or up.


Also, you can react to the navbar becoming visible or hidden adding a workflow for the relative event.