How to add item "Second" to page-scroll?

[orschiro]

Dear @crakjie,

Is there any way the theme supports to do the following:

Add a new element Second after Services that upon click scrolls down to the respective section?

Thankfully,

-Robert

[orschiro]

Dear @crakjie,

Might you be able to give me a quick hint?

Thankfully,

-Robert

[crakjie]

I think you could have a tab by post if you want.
Just iterate on post and fetch there title when building the head of the page.

[orschiro]

Thanks for your really helpful guidance!

I started experimenting with the following code in header.html:

{{ range .Data.Pages }}
  <li>
    <a class="page-scroll" href="#{{ .Title }}">{{ .Title }}</a>
  </li>
{{ end }}

Seems to go into the right direction. 😄

-Robert

[crakjie]

It's look good but be careful if your title contain spaces.
if you first title is "My title" and the second "My links"
you will have #My twice.
There is advanced way to make link with gohugo. But I don't remember how.

[orschiro]

Thanks for the caveat! I will see how far I get. :-)

-Robert