Q: How to show scrollbar for a while after init?

[netoper]

Thank you for this amazing scrollbar!
I have question. All working great but when content is loaded, scrollbar not show.
For first view i must move the wheel on the mouse. How to show scrollbar for a moment after init? Or show scrollbar when mouse is hovered or moving over scrolling element will be helpfull.

[idiotWu]

Call scrollbar.update() after content is loaded.

[netoper]

scrollbar.update() is attached to mouseenter event but not work.
https://jsbin.com/navogunupe/edit?html,js,console,output

[idiotWu]

If you meant the appearance, try the following css:

@keyframes fadeOut {
  0%, 90% {
    opacity: 1;
  }
  
  100% {
    opacity: 0;
  }
}

.scrollbar-track {
  animation: fadeOut 3s;
}

Demo: https://jsbin.com/bapihib/1/edit?html,css,output

[netoper]

No, i do not mean appearance. I mean something like when you move mouse over the element, scrollbar is show and after a while it will disappear. Then when you use mouse scroll, scrollbar show again.
https://codepen.io/haykou/pen/qbqBYM

[idiotWu]

Try:

@keyframes fade-out {
  0%, 90% {
    opacity: 1;
  }
  
  100% {
    opacity: 0;
  }
}

[data-scrollbar]:hover .scrollbar-track {
  animation: fade-out 3s;
}

.scrollbar-track.show {
  animation: none !important;
}

Demo: https://jsbin.com/gepasul/edit?html,css,output

[netoper]

Thank for you help!
Now I finally managed to implement your scrollbar with dropdown elements in materializecss library. Now user sees that the content is scrollable after element is open.
Not fully, but it is on good way ;)
https://jsbin.com/muyohifequ/1/edit?output