Category : scrollbar

I’m working with Twine, and I have everything about the scrollbar styled as I want except I need to make the horizontal scrollbar height responsive. According to this article you can set it as percentage: https://webkit.org/blog/363/styling-scrollbars/ But whenever I set the scrollbar height to a percentage it disappears completely. To check if it was Twine ..

Read more

I am using react-scrollbar-custom library. Here is the link of documentation https://github.com/xobotyi/react-scrollbars-custom#customisation I want to increase the size of my scrollbar to 25px But when I do something like this it does not work export default class ScrollBox extends React.PureComponent<ScrollBoxProps> { scrollBarsRef: Scrollbar | null = null; componentDidMount(): void { if (this.scrollBarsRef) { this.scrollBarsRef.scrollToBottom(); } ..

Read more

Here is my scrollbar component <Scrollbars ref={this.setScrollbarsRef} onScroll={this.handleScroll} onUpdate={this.handleUpdate} > Here are the 2 functions setScrollbarsRef = (c: Scrollbars | null) => { this.scrollBarsRef = c; }; handleScroll = (event: any): void => { const { scrollTop: scrollPosition, scrollHeight, clientHeight, } = event.target; const { onLoadConversationClick } = this.props; if (this.scrollTimeout) { clearTimeout(this.scrollTimeout); } this.scrollTimeout ..

Read more