react-custom-scrollbars
react-custom-scrollbars copied to clipboard
Dragging with Mouse is not working, it`s working only with mouse wheel.
Hi, having next problom : thumb is moving only when scrolling with mouse wheel. If return configs to default it is working but not with my code.
<Scrollbars
onScrollFrame={this.handleUpdate}
ref="scrollbars"
autoHeight={true}
autoHeightMin={height}
autoHeightMax={height}
renderTrackHorizontal={props => <div {...props}
style={{
position:"relative",
right:"0",
behavior: 'smooth',
opacity: '1',
}}/>}
renderThumbHorizontal={props =>{
let onePerScroll=this.state.scrollHeight/100,
onePerClient = height/100,
rezult = (this.state.scrollTop/onePerScroll)*onePerClient,
topCoords =isNaN((rezult-(this.state.clientHeight)))?(0-height):(rezult-(this.state.clientHeight));
return(
<div {...props}
style={{
position:"absolute",
backgroundColor: '#ebbe55',
height: '40px',
width: '4px',
opacity: '0.5',
right:"0",/*
transition:"1s",
behavior: 'smooth',*/
cursor:"pointer",
top: topCoords>=-20?-20:topCoords,
}}/>
)
}}
style={{ width: "auto", maxHeight:"100%", minHeight:"100%" }}
>
@Maksss2018 have you found a solution?
Same issue here, not sure why. Just noticed that in the demos as well you are not able to use the scrollbar in a drag fashion. Wow how did i miss this... On a Mac and Chrome v latest
Any news about this issue ?