Entwerfen der Scrollbar-Spur nur - Javascript, jquery, html, css

Ich möchte nur die Bildlaufleiste erstellen und ich möchte die Schaltflächen standardmäßig beibehalten. Ich möchte etwas erstellen, was Microsoft Outlook getan hat.

Ich habe den folgenden CSS-Code ausprobiert:

.hb-chat-scroolbar::-webkit-scrollbar-thumb
{
border-radius: 10px;
width: 5px;
background-color: #f5f5f5;
}

.hb-chat-scroolbar::-webkit-scrollbar-track
{
border-radius: 10px;
width: 5px;
background-color: #f5f5f5;
}

Aber das Design funktioniert nicht, wenn webkit-scrollbar nicht deklarieren:

.hb-chat-scroolbar::-webkit-scrollbar {
width: 6px;
height: 6px;
}

Wenn ich jedoch den Scrollbar-Code hinzufüge, wird der Pfeil weg sein.

Irgendein Trick dafür?

Antworten:

Dies kann die Pfeile stylen, aber beide gleichzeitig formatieren, so dass Sie das Symbol mit dem Pfeil nach oben und unten hinzufügen und einfügen können.

  ::-webkit-scrollbar-button {
background: #666;
background: url(img/arrows_updown.gif); /* u get the idea */
height: 15px;
border-radius: 50%;
}

Vielleicht brauchen Sie Javascript Komponente dafür.