Giter VIP home page Giter VIP logo

Comments (14)

idiotWu avatar idiotWu commented on June 15, 2024 1

@jared83 Nice shot man! It works even better than expected, checkout demo on github page here and upgrade to v5.3.7 👍

from smooth-scrollbar.

idiotWu avatar idiotWu commented on June 15, 2024
  1. angular-smooth-scrollbar's demo is using the old version of smooth-scrollbar, in the recent version I applied damping effect at the very edge of scrollbar, continuous scrolling behaves strange here and thus I removed it.
  2. This project doesn't support legacy browsers, nor will the future versions.

from smooth-scrollbar.

jared83 avatar jared83 commented on June 15, 2024

Thank you for prompt answer.
As this behaviour is very important for usability of the website I am building I have to use the older version.
The older behaviour is exactly what I need for my use case scenario and I would think that others might find it useful too in similar to mine cases.
It would be nice to have configuration option (say 'continousScrolling: true/false') to disable/enable this behaviour.

from smooth-scrollbar.

idiotWu avatar idiotWu commented on June 15, 2024

Hmm, it maybe a bit difficult to achieve that, let me think of it.

from smooth-scrollbar.

jared83 avatar jared83 commented on June 15, 2024

Thanks for looking into it.
BTW, this plugin is a splendid work.
Cheers

from smooth-scrollbar.

idiotWu avatar idiotWu commented on June 15, 2024

@jared83 sorry for the late reply, now scrollbar has supported continuousScrolling option in version 5.2.0, please look into the demo page for details, cheers!

from smooth-scrollbar.

jared83 avatar jared83 commented on June 15, 2024

Fantastic. Just upgraded. Works as expected. Also thank you so much for fixing the fricton typo. It was very annoying :)
Now that we have this, how about the simultaneousScrolling?
One could use it to easily achieve the parallax effect if nested one smooth-scroll within another within another... with different speed settings for each instance.
How cool would that be? :)
Cheers

from smooth-scrollbar.

idiotWu avatar idiotWu commented on June 15, 2024

No, buddy it's impossible. That isn't what a scrollbar should be. This project is just tend to behave as a real scrollbar. I don't know what project you're working on, but listen to me, this is a S-C-R-O-L-L-B-A-R, not anything else.

Anyway simultaneousScrolling should be another issue.

from smooth-scrollbar.

jared83 avatar jared83 commented on June 15, 2024

ok, ok. I get it. A scrollbar is a scrollbar.
Kind of had a gut feeling you would say that, so I didn't bother with another issue for simultaneousScrolling.
Anyhow, just noticed that continuousScrolling doesn't behave as such on mobile (wherever touch is involved).

from smooth-scrollbar.

idiotWu avatar idiotWu commented on June 15, 2024

Oh sorry, I forgot keyboard and touch handlers.

from smooth-scrollbar.

idiotWu avatar idiotWu commented on June 15, 2024

@jared83 One quick note here: keyboard event may not support continuousScrolling feature, cuz it is relayed on container's focus state keyboard.js#L31. Only one focused element at a time :(

from smooth-scrollbar.

idiotWu avatar idiotWu commented on June 15, 2024

Touch handlers fixed in version v5.3.4, and continuousScrolling is set to 'auto' by default, which means this feature will be enabled automatically on nested scrollbars.

Updated demo here: http://idiotwu.github.io/smooth-scrollbar/

from smooth-scrollbar.

jared83 avatar jared83 commented on June 15, 2024

Works great now. Cheers.
As for the keyboard, maybe you could blur the currently scrolling container on reaching the edge?

from smooth-scrollbar.

jared83 avatar jared83 commented on June 15, 2024

I beileve this issue can be closed now. All is working.
Cheers

from smooth-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.