HTML jump to content by links in nav column

Question

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).

I_love_vegetables · Accepted Answer · 2021-07-01T11:32:03.833

2

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>

edited Jul 01 '21 at 11:32

answered Jul 01 '21 at 11:24

I_love_vegetables

1,575
5
12
26

That href will try to load a new page that doesn't exist. It's not how hash anchors work – charlietfl Jul 01 '21 at 11:28
@charlietfl omg i forgot to add `#` in front of `column2` xD thanks for noticing that – I_love_vegetables Jul 01 '21 at 11:32

HTML jump to content by links in nav column

1 Answers1