Foundation-sites: [6.4 RC1] data-offset not working in smooth scroll

Created on 2 Jun 2017  路  8Comments  路  Source: foundation/foundation-sites

Adding data-offset does not offset page - example:

<ul class="menu align-center" data-smooth-scroll data-offset="50">
  <li><a href="#setup">Setup</a></li>
  <li><a href="#javascript-reference">Javascript Reference</a></li>
</ul>
Smooth Scroll 馃悰bug

Most helpful comment

Tested against v6.4.0-rc3 adding data-offset on SmoothScroll module is working as expected.

Also, I'd suggest, that on the documentation right sidebar magellan navigation, we should increase the data-offset; as you click on the link section, the title of the page section is covered by the Search bar. Adding data-offset="100" solves the usability issue.

All 8 comments

cc @denisahac @kball

Is the issue present in develop branch, or the 6.4.0-rc1 tag? Which of the two should I test it against?

Though i dont know as i didnt tested it @rafibomb did ... but i guess yes present in develop!
As develop is updated to 6.4.0 RC3 aka the latest! @denisahac

Tested against v6.4.0-rc3 adding data-offset on SmoothScroll module is working as expected.

Also, I'd suggest, that on the documentation right sidebar magellan navigation, we should increase the data-offset; as you click on the link section, the title of the page section is covered by the Search bar. Adding data-offset="100" solves the usability issue.

From what I'm seeing it looks like this is resolved... closing, please reopen if you're still seeing problems.

For Magellan you need to set: data-bar-offset="50" for it to work. not data-offset... That is why its not working

@MauriceBuiten @leo3po we've renamed the bar-offset to just offset to simplify the name; see Magellan defaults.

Was this page helpful?
0 / 5 - 0 ratings