nghiepdev / smooth-scrollbar-react Goto Github PK
View Code? Open in Web Editor NEWA wrapper for smooth-scrollbar to React Component.
Home Page: https://codesandbox.io/s/smooth-scrollbar-react-4pu86
License: MIT License
A wrapper for smooth-scrollbar to React Component.
Home Page: https://codesandbox.io/s/smooth-scrollbar-react-4pu86
License: MIT License
I have a select option , but when I add this library the default scroll doesn't work, is it really like this, and is there a solution?
Hey there,
Can't I use this on Next.js? I installed both smooth-scrollbar, smooth-scrollbar-react on my Next.js project. But I'm getting the following error.
import { __assign, __extends } from "tslib";
SyntaxError: Cannot use import statement outside a module
What should I do to fix this?
I tried using this library on one of my projects, but it is not working. I tried recreating the problem in this instance
https://codesandbox.io/s/goofy-sid-gnxuq
I think since componentWillReceiveProps is renamed that's why it is not working.
Please have a look at above link if there's any problem with my code.
Thanks in advance!
Can you help me , get scrollTo() in this library, because i have case for scroll to top function
Unable to scroll child component when wrapped inside the
I may be wrong or missing out on something, If someone knows how to fix it please let me know
reproducible code
https://codesandbox.io/s/smooth-scrollbar-react-forked-m3kdvf?file=/src/App.tsx
Hello, my English is not good enough.....ใ
There is a tabindex issue because the smooth scrollbar version is low.
I understand it's been resolved in version 8.4.0 Please refer to the link below.
idiotWu/smooth-scrollbar#152
I love this package. Thank you. :)
Hi, I'm trying to have full body scroll. How to achieve this without fixed height ?
function App() {
return (
<Scrollbar
plugins={{
overscroll: {
effect: 'glow',
},
}}>
<div className='App'>
<div className='list-data' style={{}}>
{[...Array(20).keys()].map((value, index) => (
<div key={index}>{value + index}</div>
))}
</div>
</div>
</Scrollbar>
);
}```
Hi, thank you for this!
Is there a way to show the tracks when you hover over the content?
I've tried a mouse-enter / mouse-leave listener to change the alwaysShowTracks, but unfortunately the Scrollbar doesn't do anything with the value
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.