[HTML & CSS] Problema doppio scroll link interno

[$te]

Buongiorno,

ho creato una pagina divisa in due, in cui a sinistra ho un lungo indice e a destra il testo (molto lungo). Quindi, le due sezioni, hanno il proprio scroll personale (css: overflow:auto).

L'indice ha link interni al testo a destra. Funziona tutto perfettamente. Tuttavia, quando lo implemento nel mio sito internet (con un suo css, con un header, ecc.), quando clicco su di un link interno, lo scroll della pagina del sito (e non quella dell'indice o del testo) ritorna sempre a metà della pagina, rendendo illeggibile il testo (non so se mi sono spiegato).

Il problema, é che lo scroll del testo a destra, é giusto che si muova verso il link, pero lo scroll della pagina del sito non dovrebbe muoversi. Come faccio a tenerla fissa?

Grazie

[jeremy.83]

Come hai reso lo scroll, con delle ancore, o con del javascript?

Detta così è difficile aiutarti, bisognerebbe vedere il sorgente della pagina, in generale però ti consiglio di usare dei framework come Bootstrap o MaterializeCss, per dirne due, rendendo il tutto responsive.

Ciao

[Mursey]

Penso che si possa risolvere semplicemente in HTML e CSS, però sarebbe meglio avere del codice sul quale fare prove.

[$te]

Come hai reso lo scroll, con delle ancore, o con del javascript?

Detta così è difficile aiutarti, bisognerebbe vedere il sorgente della pagina, in generale però ti consiglio di usare dei framework come Bootstrap o MaterializeCss, per dirne due, rendendo il tutto responsive.

Ciao

Semplicemente con delle ancore (link interni).

Il problema...é che se prendo il codice e lo metto in una pagina html...funziona benissimo..ma quando lo inserisco nel mio sito (fatto in wordpress) c'é questo problema.

C'é da dire che c'é un header con un menu..ho provato quindi, nella pagina html, ho aggiunto un header "grosso"...ma funziona tutto bene..si muove solo lo scroll del testo in funzione del link interno scelto. Invece nel sito wordpress, si muove lo scroll del testo, ma anche quello del sito (che va sempre in uno stesso punto...).

[jeremy.83]

Semplicemente con delle ancore (link interni).

Il problema...é che se prendo il codice e lo metto in una pagina html...funziona benissimo..ma quando lo inserisco nel mio sito (fatto in wordpress) c'é questo problema.

C'é da dire che c'é un header con un menu..ho provato quindi, nella pagina html, ho aggiunto un header "grosso"...ma funziona tutto bene..si muove solo lo scroll del testo in funzione del link interno scelto. Invece nel sito wordpress, si muove lo scroll del testo, ma anche quello del sito (che va sempre in uno stesso punto...).

Perchè la pagina html è pura, mentre wordpress, a seconda del tema installato, si porta dietro i suoi css. Secondo me c'è un conflitto da qualche parte tra i tuoi css e quelli di wordpress

Molti temi, tra l'altro, sfruttano i framework che ti ho citato, quindi se ti metti a fare qualcosa di tuo ci sta che all'interno dell'ambiente non sia ben accetto.

Purtroppo non posso darti risposte più tecniche perchè bisognerebbe vedere il codice del sito wordpress per essere più precisi

[$te]

Perchè la pagina html è pura, mentre wordpress, a seconda del tema installato, si porta dietro i suoi css. Secondo me c'è un conflitto da qualche parte tra i tuoi css e quelli di wordpress

Molti temi, tra l'altro, sfruttano i framework che ti ho citato, quindi se ti metti a fare qualcosa di tuo ci sta che all'interno dell'ambiente non sia ben accetto.

Purtroppo non posso darti risposte più tecniche perchè bisognerebbe vedere il codice del sito wordpress per essere più precisi

proprio quello che temevo. Il problema é che non so dove potrei guardare...oppure il contrario, come posso cambiare il codice html/css per ovviare a questo?

[jeremy.83]

proprio quello che temevo. Il problema é che non so dove potrei guardare...oppure il contrario, come posso cambiare il codice html/css per ovviare a questo?

Controlla come funziona il tema di wordpress, magari, come ti ho detto, è un framework ed esiste già una feature che fa al caso tuo

[$te]

Controlla come funziona il tema di wordpress, magari, come ti ho detto, è un framework ed esiste già una feature che fa al caso tuo

Purtroppo, ho provato togliendo tutto il css e js che ho aggiunto, ma nulla. Il problema é che non so nemmeno dove guardare e cosa cercare nel template di wordpress.

[$te]

Purtroppo, ho provato togliendo tutto il css e js che ho aggiunto, ma nulla. Il problema é che non so nemmeno dove guardare e cosa cercare nel template di wordpress.

Guardando bene. mi sembra che link interno reindirizza giusto all'altezza se non ci fosse il menu. Mi spiego meglio.

Nel sito wordpress, c'é naturalmente un menu che occupa x pixels. Sembra come se questi x pixels non vengano considerati: cosi quando si clicca sul link interno, lo scroll della pagina scende (non so se mi sono fatto capire).

Non so nemmeno se sia quello il problema..

[]Rik`[]

un link per vedere il malfunzionamento? così senza riferimenti è veramente difficile aiutarti

[jeremy.83]

Guardando bene. mi sembra che link interno reindirizza giusto all'altezza se non ci fosse il menu. Mi spiego meglio.

Nel sito wordpress, c'é naturalmente un menu che occupa x pixels. Sembra come se questi x pixels non vengano considerati: cosi quando si clicca sul link interno, lo scroll della pagina scende (non so se mi sono fatto capire).

Non so nemmeno se sia quello il problema..

90% il problema è quello, ma ti sconsiglio soluzioni artigianali perchè su device con dimensione e risoluzione schermo diversi potresti avere comportamenti diversi.

Il mio consiglio è sempre quello di imparare il funzionamento dei css e js del template ed utilizzare quelli.

Ciao