Posizionamento di un anchor link con un div con position fixed

[mr.fifteen]

Buongiorno a tutti

ho un problema con un link anchor che magari è una cavolata ma al momento non trovo soluzione.
ho un header fisso in alto (position:fixed; top: 0px; height: 100px; z-index:100 e un contenitore sotto in cui sistemare tutti i miei contenuti (position: relative; top: 100px.

Il mio problema è che nel contenitore ho un elenco di link anchor che puntano a del testo inserito sempre nella stessa pagina ma quando clicco sul link l'ancora finisce giustamente in alto alla pagina, ma sotto all'header. come faccio a farla vedere nella posizione giusta (ovvero appena sotto all'header)?

grazie in anticipo
(spero di aver spiegato bene)

[Mich_]

Forse e` solo un problema di scrolling della pagina, che va a finire sotto il blocco fisso.

Questo si puo` ovviare mediante un padding nel body con valore uguale all'altezza del blocco fisso, oppure un margin al primo oggetto inserito nella parte che scrolla.

Se non e` questo il problema, posta un link alla pagina.

[mr.fifteen]

niente ho fatto mille prove, il sito è questo
http://www.studiosettanta7.it/asso1/...glossario.html
come puoi vedere ogni volta che clicco su una voce del glossario la voce mi compare sotto all'header...

che fare?

[bedo1]

..qual'è il js che si occupa del posizionamento dell'anchor desiderata?
...sbaglio, o anche il "torna su" ha un posizionamento errato?

p.s. rimuovendo

<p><a id="top" name="top"></a></p>

il "torna su" sembra funzionare regolarmente...

inoltre verifica se la proprietà "id" del tag "a" ammette come primo carattere un numero..

http://www.w3schools.com/tags/att_global_id.asp

[mr.fifteen]

vero...
problema "top" risolto... ma rimane l'altro
non ci sono js che posizionano l'anchor, è tutto fatto in html...
per il discorso del numero per un anchor link sapevo che non supportava un numero come primo carattere ma anche modificandolo con una lettera non funzica... sono in alto mare... fff...

[bedo1]

..sei sicuro k lo scroll verso il basso x raggiungere l anchor desiderato non sia gestito da javascript?
...avevo posto la domanda in modo errato...

[deleted_20210415]

Praticamente vuoi dire che al click di un bottone una parte del div anchor ti va a finire sotto all'header, non è vero?
Se è così, ho la soluzione

[mr.fifteen]

esatto... non mi tenere sulle spine...

[deleted_20210415]

$(document).ready(function() {
    
   var $root = $('html, body');
    $('nav a').click(function() {
        
   var div = ($(this).attr('href').substring(1));
    
   var spacing = $('#header').outerHeight();
                    
            $root.animate({
                scrollTop: $('#' + div).offset().top - spacing
            }, 750);
   });     
});

Dove 'nav a' rappresenta il link alla section, mentre '#header' rappresenta l'ID dell'header fixed

Ovviamente per fare ciò devi avere già jQuery incluso nel tuo progetto

[mr.fifteen]

niente, ci ho provato ma non riesco... non sono un grande esperto di javascript...