From 9c1402f19700f59c6e66dba763ef427d686d920a Mon Sep 17 00:00:00 2001 From: Rene Haas Date: Sat, 12 Nov 2022 11:41:51 +0100 Subject: [PATCH] finishing touches --- README.md | 4 +--- packages/overlayscrollbars/README.md | 4 +--- website/src/components/index.mdx | 20 ++++++++------------ 3 files changed, 10 insertions(+), 18 deletions(-) diff --git a/README.md b/README.md index 02fbfd6..05e20f7 100644 --- a/README.md +++ b/README.md @@ -18,8 +18,6 @@ > OverlayScrollbars is a javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling. -> This is the documentation for version `2.x`. which is currently in beta. You can read the version `1.x` docs [here](https://github.com/KingSora/OverlayScrollbars/tree/v1.x) or on the [website](https://kingsora.github.io/OverlayScrollbars/#!overview). - ## Why I created this plugin because I hate ugly and space consuming scrollbars. Similar plugins haven't met my requirements in terms of features, quality, simplicity, license or browser support. @@ -39,7 +37,7 @@ I created this plugin because I hate ugly and space consuming scrollbars. Simila - Highly customizable - TypeScript support - fully written in TypeScript - Dependency free - 100% self written to ensure small size and best functionality - - High quality and fully typed Framework versions for `react`, `vue`, `angular`, `svelte` and `solid`. + - High quality and fully typed Framework versions for [`react`](https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-react), [`vue`](https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-vue), [`angular`](https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-ngx), [`svelte`](https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-svelte) and [`solid`](https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-solid). ## Choose your framework diff --git a/packages/overlayscrollbars/README.md b/packages/overlayscrollbars/README.md index 02fbfd6..05e20f7 100644 --- a/packages/overlayscrollbars/README.md +++ b/packages/overlayscrollbars/README.md @@ -18,8 +18,6 @@ > OverlayScrollbars is a javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling. -> This is the documentation for version `2.x`. which is currently in beta. You can read the version `1.x` docs [here](https://github.com/KingSora/OverlayScrollbars/tree/v1.x) or on the [website](https://kingsora.github.io/OverlayScrollbars/#!overview). - ## Why I created this plugin because I hate ugly and space consuming scrollbars. Similar plugins haven't met my requirements in terms of features, quality, simplicity, license or browser support. @@ -39,7 +37,7 @@ I created this plugin because I hate ugly and space consuming scrollbars. Simila - Highly customizable - TypeScript support - fully written in TypeScript - Dependency free - 100% self written to ensure small size and best functionality - - High quality and fully typed Framework versions for `react`, `vue`, `angular`, `svelte` and `solid`. + - High quality and fully typed Framework versions for [`react`](https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-react), [`vue`](https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-vue), [`angular`](https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-ngx), [`svelte`](https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-svelte) and [`solid`](https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-solid). ## Choose your framework diff --git a/website/src/components/index.mdx b/website/src/components/index.mdx index e072996..1c258a0 100644 --- a/website/src/components/index.mdx +++ b/website/src/components/index.mdx @@ -17,22 +17,18 @@ I created this plugin because I hate ugly and space consuming scrollbars. Simila - Highly customizable - TypeScript support - fully written in TypeScript - Dependency free - 100% self written to ensure small size and best functionality - - High quality and fully typed Framework versions for `react`, `vue` and `angular` + - High quality and fully typed Framework versions for [`react`](https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-react), [`vue`](https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-vue), [`angular`](https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-ngx), [`svelte`](https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-svelte) and [`solid`](https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-solid). ## Choose your framework Additionally to the vanilla JavaScript version you can use the official framework components & utilities: -
- - React - - - Vue - - - Angular - +
+ React + Vue + Angular + Svelte + Solid
## Getting started @@ -89,7 +85,7 @@ const osInstance = OverlayScrollbars(document.querySelector('#myElement'), {}); If you initialize OverlayScrollbars it needs a few milliseconds to create and append all the elements to the DOM. While this period the native scrollbars are still visible and are switched out after the initialization is finished. This is perceived as flickering. -To fix this behavior apply the `data-overlayscrollbars=""` attribute to the target element (and `html` element if the target element is `body`). +To fix this behavior apply the `data-overlayscrollbars-initialize` attribute to the target element (and `html` element if the target element is `body`). ### Initialization with an Object