FOUC? (Flash Of Unwanted Content) about smooth-scrollbar HOT 9 CLOSED

Set overflow to any value except visible can resolve it.

from smooth-scrollbar.

I thought of this a few moments after posting ...

<scrollbar data-scrollbar style="max-height: 300px; overflow:hidden">

... duh :) I'm guessing this is what you meant by overscroll.

(Also, this would be an excellent thing to add to the docs.)

from smooth-scrollbar.

@neokio oh my fault, it should be overflow!

from smooth-scrollbar.

The more I work with your script, the more I realize how incredible it is.
It's everything I've ever wanted from a scroller!

While tweaking the CSS, there's something I can't seem to solve, maybe you have an idea.
See how nicely the thumb fits in the rounded top of the track here?

At the bottom, however, it sinks below the line ...

(The bottom curve of the thumb is cut off.)
Do you have any insight into how I can make the bottom fit nicely?

from smooth-scrollbar.

However, it seems to be OK in my demo😕

from smooth-scrollbar.

Ok good! Then it's something I messed up :)
Thank you for checking!

from smooth-scrollbar.

I'm wondering if you added vertical margin to the thumb like:

.scrollbar-thumb {
  margin: 2px;
}

If so, you should set the vertical one to 0 with:

.scrollbar-thumb {
  margin: 0 2px;
}

from smooth-scrollbar.

@neokio here's my suggestion for creating the little gaps:

.scrollbar-thumb {
    padding: 2px;
    box-sizing: border-box;
    background-clip: content-box; /* you may need `!important` rule here */
}

from smooth-scrollbar.

That worked perfectly.
Before, I made .scrollbar-thumb 8px wide, and .scrollbar-track-y 10px wide.
With the above change (!important was needed), they can be the same size.
VERY cool trick :)

from smooth-scrollbar.