Scrollbar einfügen

[IchMagPizza]

Hallo, ich habe das Problem, dass in der Leiste Links nicht alle Automarken angezeigt werden. (Das ist ein Script von meinem FiveM Server)
Ich möchte jetzt deswegen eine Scrollbar einfügen. Habe nicht so viel Erfahrung mit html deswegen hoffe ich auf Hilfe hier.
Hier ist der Code von der Seitenleiste und weiter unten folgt noch ein Bild von der Leiste, wie sie gerade im Spiel aussieht...

    <div class="sidebar">

      <div class="container">
        <div class="row">
              <ul class="sidebar-nav">
                <li class="sidebar-brand">
                    <svg xmlns="http://www.w3.org/2000/svg" width="51.395" height="75.312" viewBox="0 0 51.395 75.312">
                      <g id="Group_1" data-name="Group 1" transform="translate(-291.279 -263.24)">
                        <path id="Path_1" data-name="Path 1" d="M354.039,290.053l6.932-3.673v9.491l4.227,3.546,2.3,1.935,2.3-1.935,4.227-3.546v-9.491l6.932,3.673,3.057,1.622h0V278.61H369.807v-2.725a6.531,6.531,0,1,0-4.609,0v2.725H350.98v13.064h0ZM367.5,267.471a2.3,2.3,0,1,1-2.3,2.3A2.3,2.3,0,0,1,367.5,267.471Z" transform="translate(-50.525 0)" fill="#e5386d"/>
                        <path id="Path_2" data-name="Path 2" d="M339.843,492.315a13.722,13.722,0,0,0-5.874-4.393c-.155-.06-.312-.117-.47-.172v9.889l-4.516,3.79-5.475,4.593v-9.187l-.08-.068-4.147,3.48-.666.558-1.638,1.376h0l-1.638-1.376-.666-.558-4.147-3.48-.08.068v9.187l-5.475-4.593-4.516-3.79V487.75c-.158.055-.315.112-.47.172a13.721,13.721,0,0,0-5.874,4.393,13.486,13.486,0,0,0-2.831,8.351,13.679,13.679,0,0,0,3.623,9.213,13.464,13.464,0,0,0,1.339,1.277c.02.018.04.035.06.051l.352.295,3.8,3.191.805.676,5.555,4.66,3.63,3.046,4.227,3.547,2.3,1.934h0l2.3-1.934,4.227-3.547,3.63-3.046,5.555-4.66.805-.676,3.8-3.191.352-.295q.03-.023.06-.051a13.462,13.462,0,0,0,1.339-1.277,13.679,13.679,0,0,0,3.623-9.213A13.485,13.485,0,0,0,339.843,492.315Z" transform="translate(0 -190.003)" fill="#e5386d"/>
                      </g>
                    </svg>
                    <p class="auto-salon">Fahrzeug<br>Shop</p>
                </li>
                <li>
                    <a href="#">Vans</a>
                </li>
                <li>
                    <a href="#">Vintage</a>
                </li>
                <li>
                    <a href="#">Off road</a>
                </li>
                <li>
                    <a href="#">Suv</a>
                </li>
                <li>
                    <a href="#">Compats</a>
                </li>
                <li>
                    <a href="#">Sedans</a>
                </li>
                <li>
                    <a href="#">Sports</a>
                </li>
                <li>
                    <a href="#">Imports</a>
                </li>
                <li>
                    <a href="#" class="active">Coupes</a>
                </li>
                <li>
                    <a href="#">Motorcycles</a>
                </li>
            </ul>
        </div>
      </div>
    </div>

Da wo jetzt Vans, Vintage, Off road etc. steht ist auf dem Bild BMW, Abarth, Alpharomeo etc.

 

[basti1012]

Hast du das irgendwie Live auf der Webseite online , damit man das mal sehen kann?
Irgendwie kann ich deinen gezeigten Code nicht im Bild finden und deswegen verstehe ich nicht ganz dein Problem. Oder ich bin zu Blöde.

Kann man das irgendwo Live sehen , oder kannst du auf codepen.io ein Beispiel erstellen von deiner Seite , wo man das Problem genauer sehen kann. ?

 

[IchMagPizza]

Kann man nur auf dem FiveM Server sehen im Autohaus

 

[IchMagPizza]

Wo macht man das denn normalerweise rein? Und wie würde dann der fertige Code aussehen den man einfügen müsste?

 

[IchMagPizza]

Ja funktioniert! Vielen Dank! Weißt du vielleicht noch wie ich die horizontale scrollbar wegmache? Brauche eigentlich nur von oben nach unten.

 

[Gelöschtes Mitglied 36401]

Tipp: so etwas kann man nachlesen! Siehe https://www.w3schools.com/css/css_overflow.asp