Estoy buscando una respuesta o solución a este problema.

Encontré un complemento de tabla de contenido para Blogger, que podría crear un ToC automático, usando Javascript-HTML-and-CSS, por este autor ( Código del creador original ). En su blog, funcionó correctamente, cuando hice clic en cualquier encabezado en el ToC, volvió a la posición exacta. El mío también funcionó, pero como es un tema diferente, esta posición exacta siempre está debajo de mi encabezado fijo ( Problema en mi sitio web ).

Entonces, la pregunta es, ¿cómo hacerlo posible? Si hago clic en cierto encabezado en el ToC, aparecerá como 50 o 100 px debajo del encabezado adhesivo. He buscado varias soluciones, como jumplist, scroll-to-an-element-with-jquery, pero parece que no funciona...

Gracias, y espero que mi explicación anterior sea lo suficientemente clara...

Editar: para proporcionar más contexto, aquí hay un video de mi problema: Grabación de video . El primero es el creador original y el segundo es mi sitio actual.

Aquí está el código original de su blog, y también lo usé en mi sitio web:

 <script type='text/javascript'> //<![CDATA[ //*************TOC plugin by MyBloggerTricks.com function mbtTOC() {var mbtTOC=i=headlength=gethead=0; headlength = document.getElementById("post-toc").getElementsByTagName("h2").length;for (i = 0; i < headlength; i++) {gethead = document.getElementById("post-toc").getElementsByTagName("h2")[i].textContent;document.getElementById("post-toc").getElementsByTagName("h2")[i].setAttribute("id", "point"+i);mbtTOC = "<li><a href='#point"+i+"'>"+gethead+"</a></li>";document.getElementById("mbtTOC").innerHTML += mbtTOC;}}function mbtToggle() {var mbt = document.getElementById('mbtTOC');if (mbt .style.display === 'none') {mbt .style.display = 'block';} else {mbt .style.display = 'none';}} //]]> </script>