Coder Social home page Coder Social logo

Comments (8)

mercs600 avatar mercs600 commented on June 18, 2024 1

@Dagdelo I edited your codesandbox project and just added local perfect scrollbar component with update method on $nextTick cycle. Just check it is helpful for you ? . https://codesandbox.io/s/vue-perfect-scrollbar-component-local-registration-rhvle?fontsize=14&hidenavigation=1&theme=dark

from vue2-perfect-scrollbar.

mercs600 avatar mercs600 commented on June 18, 2024

Ok, right it may cause some issues, did you see some troubles with that ?

from vue2-perfect-scrollbar.

WofWca avatar WofWca commented on June 18, 2024

I personally did not happen to.

from vue2-perfect-scrollbar.

mercs600 avatar mercs600 commented on June 18, 2024

Ok, we can setup it on nextTick ofc

from vue2-perfect-scrollbar.

Dagdelo avatar Dagdelo commented on June 18, 2024

I have this issue, I'm trying to implement an infinite scroll when the event 'ps-y-reach-start' more elements are provided, but the scroll bar jumps to the top... The position of the scrollbar should be preserved, but it's not :(

from vue2-perfect-scrollbar.

mercs600 avatar mercs600 commented on June 18, 2024

@Dagdelo Are you able to reproduce it on code sandbox ?

from vue2-perfect-scrollbar.

Dagdelo avatar Dagdelo commented on June 18, 2024

Yeah. Just give-me some time.

from vue2-perfect-scrollbar.

Dagdelo avatar Dagdelo commented on June 18, 2024

https://codesandbox.io/s/vue-perfect-scrollbar-component-local-registration-gdrg4

If we add items on top of the list, the undesirable behavior happens... But when we add on the bottom it acts as expected.

Note: if I don't call update on the PS instance, the scrollbar just updates when the user scrolls; if we add an @ps-y-reach-start they enter in a disgusting loop since when adding on the top the scrolls go to the top instead of preserves his position. (Solved with @ps-y-up and ps.reach === 'start')

Note2: when it comes to addition to the end of the list they work perfectly.

from vue2-perfect-scrollbar.

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.