Relative links inside the glossary

Special beta-tests
#1

For @brospars in case you have any suggestion. I am trying to do some relative link in the glossary. Without these linkes the glossary is very painful to navigate between different terms that refers to each other (yes Control+F kind of works but this is not great) …

So this works in our JupyterBook (https://inria.github.io/scikit-learn-mooc/appendix/glossary.html#transformer):

image
image.png807×204 15.4 KB

If you click on estimator as highlighted it goes to the estimator section. This is a href=#estimator so relative links.

Now in the glossary https://lms.fun-mooc.fr/courses/course-v1:inria+41026+session01/fdb409a1a02a4e7497a2ff9533a496d1/ if I do something similar (go to transformer and click on the estimator link) it goes a bit up or down (depending where you are on the page).

A guess is that it could be related to the double scroll element one for the iframe and one for the global page ?

image
image.png1264×798 85.5 KB

Does that make any sort of sense? Do you see some way to fix it?

#2

I’ve changed the include method from an iframe to javascript. Now the anchor links work and no more double scrollbar.

#3

Wow this is great although I don’t understand the technical details (but this way it seems even more magical :wink:). Also visually, this looks a lot cleaner than before somehow!

#4