How to retain original scrollbar styling while keeping the scroll behaviour?

[azharzaman1]

I want to retain the original scroll styling. I only wish to smooth scrolling.

[sadeghbarati]

I think the native scrollbar is not supported #133 (comment)

use Scrollbar.detachStyle() and ur own style that lookalike native scrollbar, but without arrows 😢

[sadeghbarati]

but you can implement arrow buttons with Scrollbar.addMomentum(x, y)

1. append two button up & down in scrollbar-track scrollbar-track-y element
2. add mousedown events
3. on mousedown run

Scrollbar.addMomentum(0, -40) //up
Scrollbar.addMomentum(0, 40) //down

4. for simulate mousedown + hold you can use requestAnimationFrame

Note: you may need to add debounce or throttle

function arrowRaf(mouseStatus, dir) {
  if(mouseStatus === 'up') {
    window.requestAnimationFrame(arrowRaf);
    return;
  }

  Scrollbar.addMomentum(0, dir === 'down' ? 40 : -40)
}

[sadeghbarati]

check this section of smooth-scrollbar source code

smooth-scrollbar/src/events/keyboard.ts

Line 57 in 25ca6b8

function getKeyDelta(scrollbar: I.Scrollbar, keyCode: number) {