Search code examples
htmljekyll

HTML jump to content by links in nav column


in the navigation column on the left of this site: https://github.com/orderedlist/minimal

(which is implemented as
<ul>
<li><a href="... I would really like to be able to add jump links, so that clicking on one of them scrolls the right column.

That way, on the left, users click on a topic and the part on the right jumps/scrolls to that content. Can this be done without fuzz or hassle (like installing a different theme).


Solution

  • you can target the href attribute to the section that you want by simply targeting the id of the element

    for example:

    <li><a href="#column2">click me to jump to column 2</a></li>
    
    <div id="column2">section 2</div>