Code Monkey home page Code Monkey logo

Comments (10)

Norserium avatar Norserium commented on May 25, 2024 1

@danijun96, it's fixed in 3.0.2-alpha. Check this out.

from react-indiana-drag-scroll.

Norserium avatar Norserium commented on May 25, 2024 1

@danijun96, it's strange, but without debugging this specific case I couldn't help you.

from react-indiana-drag-scroll.

Norserium avatar Norserium commented on May 25, 2024

@markphilpot, fixed in 3.0.1-alpha. Try it.

from react-indiana-drag-scroll.

Norserium avatar Norserium commented on May 25, 2024

@markphilpot, any news?

from react-indiana-drag-scroll.

danijun96 avatar danijun96 commented on May 25, 2024

@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 avatar danijun96 commented on May 25, 2024

@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

  1. 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.

Norserium avatar Norserium commented on May 25, 2024

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.

danijun96 avatar danijun96 commented on May 25, 2024

Did you try to set behavior in scrollTo 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.

Norserium avatar Norserium commented on May 25, 2024

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.

danijun96 avatar danijun96 commented on May 25, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.