Comments (14)
@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.
- 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.
- This project doesn't support legacy browsers, nor will the future versions.
from smooth-scrollbar.
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.
Hmm, it maybe a bit difficult to achieve that, let me think of it.
from smooth-scrollbar.
Thanks for looking into it.
BTW, this plugin is a splendid work.
Cheers
from smooth-scrollbar.
@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.
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.
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.
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.
Oh sorry, I forgot keyboard and touch handlers.
from smooth-scrollbar.
@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.
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.
Works great now. Cheers.
As for the keyboard, maybe you could blur
the currently scrolling container on reaching the edge?
from smooth-scrollbar.
I beileve this issue can be closed now. All is working.
Cheers
from smooth-scrollbar.
Related Issues (20)
- Damping effect gone after calling ev.stopPropagation() HOT 5
- [Idea/v9] target-agnostic smooth scrolling engine HOT 2
- Anchor Tags not working with horizontal scrolling HOT 4
- Max size of scrollbar thumbs
- scrollbar.scrollTo easing not working HOT 12
- Unable to preventDefault inside passive event listener invocation. HOT 3
- `types` in `package.json` pointing at non-existent file HOT 2
- Hide scrollbar with display:none HOT 1
- auto hide doesn't work HOT 1
- Can't zoom web pages on mobile
- Always visible scrollbar HOT 2
- Next JS Demo with Custom hook
- NextJs throws error when navigating from 404 page to normal page HOT 2
- Different timings when >60Hz display connected
- virtual scroll how do we do it ?
- Sticky header of scrolled content
- cant able to float anything is their any solution
- Scrollbar not working well with column-reverse
- need an offsetTop detect indead of scrollbar.scrollIntoView HOT 5
- Overscroll Glow doesn't hide if scrolling the opposite direction while it's visible
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 smooth-scrollbar.