• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Scrollbar einfügen

IchMagPizza

Neues Mitglied
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...
Code:
    <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.

FiveM® by Cfx.re - Link RolePlay _ German RolePlay 04.08.2022 11_04_47.png
 

basti1012

Senior HTML'ler
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. ?
 

Sempervivum

Senior HTML'ler
Normaler Weise kannst Du mit einem overflow: auto; einen Container scrollbar machen. Die Frage ist nur, wo Du das anbringen musst, da müsste man die Seite im Zusammenhang sehen.
 

IchMagPizza

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