Comments (8)
Hello All,
Love the package. Did anyone ever add drag inertia to it? Would be an awesome feature.
By drag inertia I mean the ability to swipe and have the container continue to scroll for some time depending on the speed of the swipe
from react-indiana-drag-scroll.
@nightmareinc, I suppose, that the architecture of this library should be different to implement the drag inertia correctly. This library is intentionally made as simple as it could be.
So I'm really not sure, that I will implement this feature in the near future. You can you the source of this library to implement your own component or use an alternative (for example, ScrollBooster or its react wrapper).
from react-indiana-drag-scroll.
Hello!
Could you provide the example of what you want to get?
And what do you mean by the scroll capture? There is onScroll
, onStartScroll
and onEndScroll
callbacks, and you can even add any events listener to the root of the scroll container.
from react-indiana-drag-scroll.
@tomswork, is this issue still actual? Did you achieve the needed result?
from react-indiana-drag-scroll.
@Norserium Sorry its taken me a while to get back to you - Scroll capture as in - on user scroll the container scrolls the content left and right. I ended up going with another solution which didnt require a drag. With the inertia - a good example is the inertia from a drag down a webpage with a touch device.
from react-indiana-drag-scroll.
Hey guys,
I need a similar feature in my current project. my goal is to have the drag animated like in this website https://www.erikasenftmiller.com/
can anybody guide me?
from react-indiana-drag-scroll.
@Norserium thank you this was very helpful.
from react-indiana-drag-scroll.
@tomswork, @nightmareinc , @ifitzsimmons, this feature is added in 3.x.x (currently in the alpha test).
npm install react-indiana-drag-scroll@next
from react-indiana-drag-scroll.
Related Issues (20)
- [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
- style prop isn't applied in v3 HOT 10
- 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
- Doesn't work with Next.js 13+ HOT 4
- Focus removed from input elements 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.