Comments (10)
@danijun96, it's fixed in 3.0.2-alpha
. Check this out.
from react-indiana-drag-scroll.
@danijun96, it's strange, but without debugging this specific case I couldn't help you.
from react-indiana-drag-scroll.
@markphilpot, fixed in 3.0.1-alpha
. Try it.
from react-indiana-drag-scroll.
@markphilpot, any news?
from react-indiana-drag-scroll.
@Norserium I was trying to use onEndScroll prop but it doesn't exist as well I think other props are missing too. change to older version 2.2.0 to make it work
from react-indiana-drag-scroll.
@danijun96, it's fixed in
3.0.2-alpha
. Check this out.
now it works, but I will stick to 2.2.0 as this is alpha version and I am using this lib in prod. I also faced some other issue
- when I add css property
scroll-behavior: smooth;
to the container the drag stopped working the reason to add 'scroll-behavior: smooth;' is because I created two buttons next and prev to be able to move the scrollBar also smoothly.
Also thank you for the great work!
from react-indiana-drag-scroll.
now it works, but I will stick to 2.2.0 as this is alpha version and I am using this lib in prod.
No problem, that's why it's called alpha.
is because I created two buttons next and prev to be able to move the scrollBar also smoothly.
Did you try to set behavior
in scrollTo
options instead? The example.
from react-indiana-drag-scroll.
Did you try to set
behavior
inscrollTo
options instead? The example.
Yes something similar came to my mind as well but with scrollBy
it also has this option for smooth behavior. But I faced a problem I will describe it below.
In my app when I hit the end of the scroll an API request is being called to get next elements, i am using onEndScroll to fetch this event and also have marked the last item to check when it's in view, so the problem was when the call was made i got rendered too many items instead of only what was needed, for example if 50 elements had to be rendered i got 910 rendered, not sure why this happens and it happens when moving the scroll bar with button. with dragging is okay. I am not sure if the problem is on my side, but with 2.2.0 works okay.
from react-indiana-drag-scroll.
Let me make this clear, you update to 3.0.2-alpha
and get this misbehavior immediately?
Did you include the library styles?
import 'react-indiana-drag-scroll/dist/style.css';
from react-indiana-drag-scroll.
Let me make this clear, you update to
3.0.2-alpha
and get this misbehavior immediately?Did you include the library styles?
import 'react-indiana-drag-scroll/dist/style.css';
Yes I did all that.
from react-indiana-drag-scroll.
Related Issues (20)
- [Request] Be able to change cursor HOT 4
- Testing issues HOT 5
- [Request] Option to remove body class HOT 9
- No way to get scroll offsets HOT 3
- There is no response to the components in ScrollContainer. HOT 8
- Doesn't work with scroll snapping HOT 3
- Any plan of migrating to function components? HOT 4
- Any plan to support React 18? HOT 5
- Activate drag scroll with the mouse wheel? HOT 5
- Change input in container HOT 4
- Horizontal scroll not working with touchpad HOT 7
- 'ScrollContainer' cannot be used as a JSX component. HOT 6
- Dragging problem on touch devices HOT 8
- Add horizontal scroll support using a scroll wheel HOT 2
- reset scroll bar position HOT 1
- scrollLeft not set when scrolling with mousewheel HOT 3
- Receiving [Violation] warning on every render of ScrollContainer
- Bad importation at https://norserium.github.io/react-indiana-drag-scroll/ HOT 1
- v3 feedback HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-indiana-drag-scroll.