Как реализовать такой scroll?

Question

[Никита Андреевич]

Как реализовать такой scroll ?

Answer 1

[skuvaWeb]

Я бы посоветовал mCustomScrollbar

Comments

[profesor08]

Он был крут, только вот не обновляется несколько лет (3 года), а в месте с этим не исправляются проблемы и появляются новые. При этом полная зависимость от jquery и жесть в коде.

[skuvaWeb]

profesor08, а какой плагин посоветуете вы?

[profesor08]

skuvaWeb, пример на css ниже, его и использую. Решения на js от сторонних разработчиков всегда требуют специфической разметки, либо самостоятельно ее выстраивают, либо что-то еще делают неприемлемое.

Answer 2

[Орхан Гасанлы]

Мне понравился вот этот - https://github.com/inuyaksa/jquery.nicescroll

Answer 3

[profesor08]

How To Create a Custom Scrollbar

@mixin scrollbar {
  &::-webkit-scrollbar {
    /* 1 - скроллбар */
  }

  &::-webkit-scrollbar-button {
    /* 2 - кнопка */
  }

  &::-webkit-scrollbar-track {
    /* 3 - трек */
  }

  &::-webkit-scrollbar-track-piece {
    /* 4 - видимая часть трека */
  }

  &::-webkit-scrollbar-thumb {
    /* 5 - ползунок */
  }

  &::-webkit-scrollbar-corner {
    /* 6 - уголок */
  }

  &::-webkit-resizer {
    /* 7 - изменение размеров */
  }
}

Answer 4

[Павел]

jscrollpane