• 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
 
Werbung:
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. ?
 
Werbung:
Ja funktioniert! Vielen Dank! Weißt du vielleicht noch wie ich die horizontale scrollbar wegmache? Brauche eigentlich nur von oben nach unten.
 
Werbung:
Zurück
Oben