Bonjour à tous,

Je cherche à insérer une barre de défilement verticale au sein d'une side div, dont le contenu est chargé par Jquery lors du clic sur un élément spécifique sur la page.

Mon problème est la barre de défilement s'affiche bien lorsque le contenu à afficher est plus long que la div mais elle ne permet pas le défilement (elle reste grisée et mal positionnée). 

Avez-vous une piste de ce que j'aurais pu manquer ?

Merci beaucoup pour votre aide !!

Code HTML de la div (en position: fixed)

<div class="col-xl-4" style="position: fixed; right: 0;">
                        <div class="row">
                            <div class="col-lg-6 col-xl-12">
                                <div class="card br-0">
                                    <div id="sidebar" class="card-body" style="overflow: scroll;">
                                    le contenu s'affiche ici
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

Code Jquery :

jQuery(document).ready(function($) {

    $('.element').on('click', function() {
        // console.log("clic");
      $('#sidebar').load(*URL*);
  
    })
    
}); 

Capture d'écran du problème de barre de défilement : 

-
Edité par JulienJulien15 29 mars 2020 à 13:35:14