Problema con scrollbar personalizzata

[KillerWorm]

Ciao, intuisco cosa stai cercando di fare ma col solo codice che hai postato non riesco a riprodurre la funzionalità della barra e tanto meno verificare il problema.

Ti chiedo:
Puoi postare un link ad una pagina pubblica dove verificare quanto indichi?
In alternativa, puoi riprodurre l'elaborato su un playground (es. CodePen) così da fornire un "sscce"?

Considera comunque che le regole CSS con i prefissi vendor (vedi ::-webkit-scrollbar) non sono standard, per cui la cosa funzionerà solo su specifici browser; se ti serve avere una funzionalità cross-browser dovrai rivalutare meglio la questione.

[Maxilboss93]

No ma in realtà per riprodurlo basta avere un foglio qualsiasi con un testo un po' lungo così da farlo scrollare, comunque ci sono quasi al momento, ho fatto in modo che la barra sia sempre presente ma nascosta e all' hover sul div contenitore se il contenuto è scrollabile appaia , se non lo è rimanga invisibile ma lo spazio viene comunque allocato, cos' non shifta il contenuto:

<style>
         ::-webkit-scrollbar {
            visibility: hidden;
            background-color: #d2d2d2;
            width: 15px;
        }
        
         ::-webkit-scrollbar-thumb {
            visibility: hidden;
            border-radius: 10px;
            background-color: #5b5b5b;
            box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        }
        
        body:hover::-webkit-scrollbar,
        body:focus::-webkit-scrollbar,
        body:hover::-webkit-scrollbar-thumb,
        body:focus::-webkit-scrollbar-thumb {
            transition: visibility 0.2s;
            visibility: visible;
        }
        
        body {
            overflow-y: scroll;
        }
    </style>

[Maxilboss93]

Ho dovuto modificare alcune cose, e ora il problema sorge nuovamente, nel mio progetto posso usare anche jquery però non so come fare, ho un menu accordion con diverse voci che occupa tutta la pagina ma se l' accordion è chiuso non appare la barra di scorrimento perchè sta all' interno della dimensione della pagina, se però apro l' accordion ottengo uno sgradevole effetto che non riesco a muovere in nessuno modo di shift dei bottoni dell' accordion verso sinistra perchè appare la barra di scroll, qui di seguito ti metto 2 foto così capisci com' è la situazione, non so se sistemare la cosas con i css o tramite javascript e jquery e come..

[Maxilboss93]

https://codepen.io/maxilboss93/pen/YzXyrpV, ora immagina dei bottoni che appaiono all' apertura dell' accordion e capisci che si accorciano per fare entrare la barra!

[KillerWorm]

https://codepen.io/maxilboss93/pen/YzXyrpV, ora immagina dei bottoni che appaiono all' apertura dell' accordion e capisci che si accorciano per fare entrare la barra!

Continuo a non vedere il problema e non riuscire a riprodurlo.

Perdonami ma mi viene male immaginare qualcosa per capire dove e come si presenta il problema ed eventualmente come poter intervenire per risolverlo; sarebbe più semplice se tu fornissi un esempio corretto col minimo indispensabile per poter riprodurre esattamente il problema in questione. Ti chiedo quindi se puoi modificare opportunamente il tuo Pen, altrimenti diventa complicato poterti aiutare; della serie "aiutaci ad aiutarti".

Nell'ultimo codice che hai postato vedo che hai usato questo:

        body {
            overflow-y: scroll;
        }

così da forzare la presenza della barra di scorrimento, risolvendo quindi il problema iniziale, ma non lo vedo nel tuo Pen. Non puoi usare la stessa cosa?

https://d.pr/free/i/a3i7iG

Cosa si dovrebbe vedere qui?
Vedo l'immagine ma non mi aiuta a capire quale sia il problema. Puoi fornire indicazioni più precise?

[Maxilboss93]

https://d.pr/free/i/a3i7iG