Поведение скроллбара на javascript / jquery

Нужно написать поведение скроллбара, а именно:

• находясь в верхней точке - стрелка скролла смотрит вниз
• при пролистывании скролла вниз - стрелка смотрит вниз
• при нахождении скролла в нижней точке - стрелка скролла смотрит вверх
• при пролистывании скролла вверз - стрелка смотрит вверх

.description__box::-webkit-scrollbar
    width: 20px
/* Track */
.description__box::-webkit-scrollbar-track
  background: url(../img/track.png) no-repeat 50%
  width: 1px
  height: 484px

/* Handle */
.description__box::-webkit-scrollbar-thumb
    background: url(../img/scroll.png) no-repeat 50%
    height: 5px

Стилизацию сделал, а с поведением еще не сталкивался. Нужен оптимальный вариант