search

BosNaufal / react-scrollbar

The Simplest Scroll Area Component with custom scrollbar for React JS. https://bosnaufal.github.io/react-scrollbar
MIT License
71 stars 30 forks source link

Great work BUT what's up with the speed prop? #13

Open lucidlive opened 7 years ago

lucidlive commented 7 years ago

Your plugin is great and would have been ideal for my needs but I don't understand why you have the speed prop. The scrollbar always scrolls past where I want to scroll because of the speed animation prop. And surprisingly, you I can't turn off this feature.

I want (and I can only assume others do as well) native scroll behaviour but with a nice style.

BosNaufal commented 7 years ago

Hey @lucidlive, Thanks for giving me an issue. Have you tried to change the transitions properties via css?

You can easily change it to be transition: none;. The transition/animation is caused by the .scrollbar react-scrollbar-transition class. You can modify it and it has been mentioned in the documentation section. Check it out.

https://github.com/BosNaufal/react-scrollbar#customizing-the-appearance

If I have a misunderstanding about your problem, please let me know.

lucidlive commented 7 years ago

Hey @BosNaufal - yeah, I set the transition to none but you have something that is programmatically changing the scroll position in a timed way. Instead of it just instantly changing the scroll position as you scroll, the dom element is slow changing X/Y position for a couple seconds after you finish scrolling.

neomaxzero commented 7 years ago

I'm having the same issue and i think its related to the fact that the position is depending upon the state.

usulpro commented 7 years ago

Hi! Maybe you need to provide more details about it? I tryed to reproduce it with doc/examples/custom but everything works properly: the speed effects only when you use a mouse wheel and if you don't need transitions you can simply remove scrolling section from your css Do you have any issues with this examples?