Using Zurb Foundation Magellan
Posted: Mon Jan 20, 2020 5:42 am
I am using the Flare Side menu proxy for an "on this page" menu.
From the generated code it seems that Flare implements this using the Zurb Foundation Magellan Component since I see that the html includes "data-magellan" and "data-magellan-target" attributes.
When I navigate to a header it is to low on the page, the Magellan attribute "data-bar-offset" (or data-offset in previous versions) is supposed to let me adjust the offset.
But it seems to have no effect. Other options such as data-animation-duration="250" - which is inserted by Flare - does not seem to have any effect - I can't see any smooth animation as I navigate from one header to the next.
So my question is:
1) Are the Zurb foundation plugin options supposed to work ?
2) Do I need to do something special like include the Zurb css or javascript?
3) If not - does Flare provide me a way to adjust the position on the page of the element I am scrolling to?
Thanks
From the generated code it seems that Flare implements this using the Zurb Foundation Magellan Component since I see that the html includes "data-magellan" and "data-magellan-target" attributes.
When I navigate to a header it is to low on the page, the Magellan attribute "data-bar-offset" (or data-offset in previous versions) is supposed to let me adjust the offset.
But it seems to have no effect. Other options such as data-animation-duration="250" - which is inserted by Flare - does not seem to have any effect - I can't see any smooth animation as I navigate from one header to the next.
So my question is:
1) Are the Zurb foundation plugin options supposed to work ?
2) Do I need to do something special like include the Zurb css or javascript?
3) If not - does Flare provide me a way to adjust the position on the page of the element I am scrolling to?
Thanks