99 < link rel ="preload stylesheet " href ="/light-scrollbar/assets/style.Bz6dje3F.css " as ="style ">
1010 < link rel ="preload stylesheet " href ="/light-scrollbar/vp-icons.css " as ="style ">
1111
12- < script type ="module " src ="/light-scrollbar/assets/app.DUsv1KLX .js "> </ script >
12+ < script type ="module " src ="/light-scrollbar/assets/app.DWS7_8iu .js "> </ script >
1313 < link rel ="preload " href ="/light-scrollbar/assets/inter-roman-latin.Di8DUHzh.woff2 " as ="font " type ="font/woff2 " crossorigin ="">
14- < link rel ="modulepreload " href ="/light-scrollbar/assets/chunks/theme.AOQdCZzb .js ">
15- < link rel ="modulepreload " href ="/light-scrollbar/assets/chunks/framework.B86UQG69 .js ">
16- < link rel ="modulepreload " href ="/light-scrollbar/assets/api_attach.md.BXA6aeTW .lean.js ">
14+ < link rel ="modulepreload " href ="/light-scrollbar/assets/chunks/theme.C76NEPvl .js ">
15+ < link rel ="modulepreload " href ="/light-scrollbar/assets/chunks/framework.BRimVeTL .js ">
16+ < link rel ="modulepreload " href ="/light-scrollbar/assets/api_attach.md.OmT6k27T .lean.js ">
1717 < script id ="check-dark-mode "> ( ( ) => { const e = localStorage . getItem ( "vitepress-theme-appearance" ) || "auto" , a = window . matchMedia ( "(prefers-color-scheme: dark)" ) . matches ; ( ! e || e === "auto" ?a :e === "dark" ) && document . documentElement . classList . add ( "dark" ) } ) ( ) ; </ script >
1818 < script id ="check-mac-os "> document . documentElement . classList . toggle ( "mac" , / M a c | i P h o n e | i P o d | i P a d / i. test ( navigator . platform ) ) ; </ script >
1919 </ head >
2323< span class ="line "> < span style ="--shiki-light:#D73A49;--shiki-dark:#F97583; "> const</ span > < span style ="--shiki-light:#005CC5;--shiki-dark:#79B8FF; "> scrollbarContainerElement</ span > < span style ="--shiki-light:#D73A49;--shiki-dark:#F97583; "> =</ span > < span style ="--shiki-light:#24292E;--shiki-dark:#E1E4E8; "> document.</ span > < span style ="--shiki-light:#6F42C1;--shiki-dark:#B392F0; "> querySelector</ span > < span style ="--shiki-light:#24292E;--shiki-dark:#E1E4E8; "> (</ span > < span style ="--shiki-light:#032F62;--shiki-dark:#9ECBFF; "> ".my-scrollbar"</ span > < span style ="--shiki-light:#24292E;--shiki-dark:#E1E4E8; "> );</ span > </ span >
2424< span class ="line "> < span style ="--shiki-light:#D73A49;--shiki-dark:#F97583; "> const</ span > < span style ="--shiki-light:#24292E;--shiki-dark:#E1E4E8; "> { </ span > < span style ="--shiki-light:#005CC5;--shiki-dark:#79B8FF; "> innerElement</ span > < span style ="--shiki-light:#24292E;--shiki-dark:#E1E4E8; "> , </ span > < span style ="--shiki-light:#005CC5;--shiki-dark:#79B8FF; "> outerElement</ span > < span style ="--shiki-light:#24292E;--shiki-dark:#E1E4E8; "> , </ span > < span style ="--shiki-light:#005CC5;--shiki-dark:#79B8FF; "> detach</ span > < span style ="--shiki-light:#24292E;--shiki-dark:#E1E4E8; "> } </ span > < span style ="--shiki-light:#D73A49;--shiki-dark:#F97583; "> =</ span > < span style ="--shiki-light:#6F42C1;--shiki-dark:#B392F0; "> attach</ span > < span style ="--shiki-light:#24292E;--shiki-dark:#E1E4E8; "> (scrollbarContainerElement, {</ span > </ span >
2525< span class ="line "> < span style ="--shiki-light:#24292E;--shiki-dark:#E1E4E8; "> wrapperPlacement: WrapperPlacement.outside</ span > </ span >
26- < span class ="line "> < span style ="--shiki-light:#24292E;--shiki-dark:#E1E4E8; "> });</ span > </ span > </ code > </ pre > </ div > < p > More API details:</ p > < ul > < li > < a href ="/light-scrollbar/api/attach/arguments.html "> attach arguments</ a > </ li > < li > < a href ="/light-scrollbar/api/attach/returns.html "> attach returns</ a > </ li > < li > < a href ="/light-scrollbar/api/detach.html "> detach</ a > </ li > </ ul > </ div > </ div > </ main > < footer class ="VPDocFooter " data-v-81441e13 data-v-dfc0e1a7 > <!--[--> <!--]--> < div class ="edit-info " data-v-dfc0e1a7 > < div class ="edit-link " data-v-dfc0e1a7 > < a class ="VPLink link vp-external-link-icon no-icon edit-link-button " href ="https://github.com/FRSOURCE/light-scrollbar/tree/main/docs/api/attach.md " target ="_blank " rel ="noreferrer " data-v-dfc0e1a7 > <!--[--> < span class ="vpi-square-pen edit-link-icon " data-v-dfc0e1a7 > </ span > Edit this page on GitHub<!--]--> </ a > </ div > < div class ="last-updated " data-v-dfc0e1a7 > < p class ="VPLastUpdated " data-v-dfc0e1a7 data-v-cb3adfa3 > Last updated: < time datetime ="2025-09-08T01:12:10.000Z " data-v-cb3adfa3 > </ time > </ p > </ div > </ div > < nav class ="prev-next " aria-labelledby ="doc-footer-aria-label " data-v-dfc0e1a7 > < span class ="visually-hidden " id ="doc-footer-aria-label " data-v-dfc0e1a7 > Pager</ span > < div class ="pager " data-v-dfc0e1a7 > < a class ="VPLink link pager-link prev " href ="/light-scrollbar/api.html " data-v-dfc0e1a7 > <!--[--> < span class ="desc " data-v-dfc0e1a7 > Previous page</ span > < span class ="title " data-v-dfc0e1a7 > Api</ span > <!--]--> </ a > </ div > < div class ="pager " data-v-dfc0e1a7 > < a class ="VPLink link pager-link next " href ="/light-scrollbar/api/attach/arguments.html " data-v-dfc0e1a7 > <!--[--> < span class ="desc " data-v-dfc0e1a7 > Next page</ span > < span class ="title " data-v-dfc0e1a7 > arguments</ span > <!--]--> </ a > </ div > </ nav > </ footer > <!--[--> <!--]--> </ div > </ div > </ div > <!--[--> <!--]--> </ div > </ div > < footer class ="VPFooter has-sidebar " data-v-ceaab990 data-v-520f1751 > < div class ="container " data-v-520f1751 > < p class ="message " data-v-520f1751 > Released under the MIT License.</ p > < p class ="copyright " data-v-520f1751 > Copyright © 2022-present FRSOURCE - Szymon Dziewoński</ p > </ div > </ footer > <!--[--> <!--]--> </ div > </ div >
27- < script > window . __VP_HASH_MAP__ = JSON . parse ( "{\"api.md\":\"DAmnqOQ-\",\"api_attach.md\":\"BXA6aeTW\",\"api_attach_arguments.md\":\"Bk6oraah\",\"api_attach_returns.md\":\"ClMOc_eV\",\"api_detach.md\":\"DeyDQSmI\",\"examples.md\":\"p1klPjoZ\",\"examples_default.md\":\"B8J-c_j-\",\"examples_showonhover.md\":\"BX3kLgwl\",\"examples_wrapperoutside.md\":\"RFzbmXbe\",\"getting-started.md\":\"DdIUnKW-\",\"index.md\":\"DTNlaGWh\",\"instalation.md\":\"BETjwVxr\"}" ) ; window . __VP_SITE_DATA__ = JSON . parse ( "{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Light-scrollbar docs\",\"description\":\"@frsource/light-scrollbar minimalistic light plugin to create custom scrollbar\",\"base\":\"/light-scrollbar/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"editLink\":{\"pattern\":\"https://github.com/FRSOURCE/light-scrollbar/tree/main/docs/:path\",\"text\":\"Edit this page on GitHub\"},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/FRSOURCE\"},{\"icon\":\"facebook\",\"link\":\"https://facebook.com/FRSOURCE\"},{\"icon\":\"instagram\",\"link\":\"https://instagram.com/frsource\"},{\"icon\":\"linkedin\",\"link\":\"https://linkedin.com/in/jakub-freisler-03a32138/\"},{\"icon\":\"twitter\",\"link\":\"https://twitter.com/frsource1\"},{\"icon\":{\"svg\":\"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 32 32\\\"><path d=\\\"M0 10v11h9v2h7v-2h16V10H0zm1.777 1.777h7.114v7.668H7.11v-5.888H5.334v5.888H1.777v-7.668zm8.891 0H17.779v7.666h-3.556v1.78h-3.555v-9.446zm8.889 0H30.225v7.668h-1.78v-5.888h-1.777v5.888h-1.777v-5.888h-1.78v5.888h-3.554v-7.668zm-5.334 1.78v4.111H16v-4.111h-1.777z\\\"/></svg>\"},\"link\":\"https://www.npmjs.com/package/@frsource/light-scrollbar\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-present FRSOURCE - Szymon Dziewoński\"},\"nav\":[{\"text\":\"Api\",\"link\":\"/api\"},{\"text\":\"1.4.227\",\"items\":[{\"text\":\"Changelog\",\"link\":\"https://github.com/FRSOURCE/light-scrollbar/blob/main/CHANGELOG.md\"},{\"text\":\"Issues\",\"link\":\"https://github.com/FRSOURCE/light-scrollbar/issues\"}]}],\"sidebar\":[{\"text\":\"Introduction\",\"items\":[{\"text\":\"Gettings started\",\"link\":\"/getting-started\"},{\"text\":\"Instalation\",\"link\":\"/instalation\"}]},{\"text\":\"Api\",\"items\":[{\"text\":\"attach\",\"link\":\"/api/attach\",\"items\":[{\"text\":\"arguments\",\"link\":\"/api/attach/arguments\"},{\"text\":\"returns\",\"link\":\"/api/attach/returns\"}]},{\"text\":\"detach\",\"link\":\"/api/detach\"}],\"link\":\"/api\"},{\"text\":\"Examples\",\"items\":[{\"text\":\"Default\",\"link\":\"/examples/default\"},{\"text\":\"WrapperOutside\",\"link\":\"/examples/wrapperOutside\"},{\"text\":\"ShowOnHover\",\"link\":\"/examples/showOnHover\"}]}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false}" ) ; </ script >
26+ < span class ="line "> < span style ="--shiki-light:#24292E;--shiki-dark:#E1E4E8; "> });</ span > </ span > </ code > </ pre > </ div > < p > More API details:</ p > < ul > < li > < a href ="/light-scrollbar/api/attach/arguments.html "> attach arguments</ a > </ li > < li > < a href ="/light-scrollbar/api/attach/returns.html "> attach returns</ a > </ li > < li > < a href ="/light-scrollbar/api/detach.html "> detach</ a > </ li > </ ul > </ div > </ div > </ main > < footer class ="VPDocFooter " data-v-81441e13 data-v-dfc0e1a7 > <!--[--> <!--]--> < div class ="edit-info " data-v-dfc0e1a7 > < div class ="edit-link " data-v-dfc0e1a7 > < a class ="VPLink link vp-external-link-icon no-icon edit-link-button " href ="https://github.com/FRSOURCE/light-scrollbar/tree/main/docs/api/attach.md " target ="_blank " rel ="noreferrer " data-v-dfc0e1a7 > <!--[--> < span class ="vpi-square-pen edit-link-icon " data-v-dfc0e1a7 > </ span > Edit this page on GitHub<!--]--> </ a > </ div > < div class ="last-updated " data-v-dfc0e1a7 > < p class ="VPLastUpdated " data-v-dfc0e1a7 data-v-cb3adfa3 > Last updated: < time datetime ="2025-09-08T01:12:48.000Z " data-v-cb3adfa3 > </ time > </ p > </ div > </ div > < nav class ="prev-next " aria-labelledby ="doc-footer-aria-label " data-v-dfc0e1a7 > < span class ="visually-hidden " id ="doc-footer-aria-label " data-v-dfc0e1a7 > Pager</ span > < div class ="pager " data-v-dfc0e1a7 > < a class ="VPLink link pager-link prev " href ="/light-scrollbar/api.html " data-v-dfc0e1a7 > <!--[--> < span class ="desc " data-v-dfc0e1a7 > Previous page</ span > < span class ="title " data-v-dfc0e1a7 > Api</ span > <!--]--> </ a > </ div > < div class ="pager " data-v-dfc0e1a7 > < a class ="VPLink link pager-link next " href ="/light-scrollbar/api/attach/arguments.html " data-v-dfc0e1a7 > <!--[--> < span class ="desc " data-v-dfc0e1a7 > Next page</ span > < span class ="title " data-v-dfc0e1a7 > arguments</ span > <!--]--> </ a > </ div > </ nav > </ footer > <!--[--> <!--]--> </ div > </ div > </ div > <!--[--> <!--]--> </ div > </ div > < footer class ="VPFooter has-sidebar " data-v-ceaab990 data-v-520f1751 > < div class ="container " data-v-520f1751 > < p class ="message " data-v-520f1751 > Released under the MIT License.</ p > < p class ="copyright " data-v-520f1751 > Copyright © 2022-present FRSOURCE - Szymon Dziewoński</ p > </ div > </ footer > <!--[--> <!--]--> </ div > </ div >
27+ < script > window . __VP_HASH_MAP__ = JSON . parse ( "{\"api.md\":\"CdLAXaUl\",\"api_attach.md\":\"OmT6k27T\",\"api_attach_arguments.md\":\"ClrJoHw4\",\"api_attach_returns.md\":\"CW1FGeYe\",\"api_detach.md\":\"D5f112GP\",\"examples.md\":\"tKFTIYbR\",\"examples_default.md\":\"B0U1NOhU\",\"examples_showonhover.md\":\"Dn-ONbLt\",\"examples_wrapperoutside.md\":\"PwsPgv7e\",\"getting-started.md\":\"CnUHpQ2X\",\"index.md\":\"Cdm4FhtG\",\"instalation.md\":\"Dg-mgjyk\"}" ) ; window . __VP_SITE_DATA__ = JSON . parse ( "{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Light-scrollbar docs\",\"description\":\"@frsource/light-scrollbar minimalistic light plugin to create custom scrollbar\",\"base\":\"/light-scrollbar/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"editLink\":{\"pattern\":\"https://github.com/FRSOURCE/light-scrollbar/tree/main/docs/:path\",\"text\":\"Edit this page on GitHub\"},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/FRSOURCE\"},{\"icon\":\"facebook\",\"link\":\"https://facebook.com/FRSOURCE\"},{\"icon\":\"instagram\",\"link\":\"https://instagram.com/frsource\"},{\"icon\":\"linkedin\",\"link\":\"https://linkedin.com/in/jakub-freisler-03a32138/\"},{\"icon\":\"twitter\",\"link\":\"https://twitter.com/frsource1\"},{\"icon\":{\"svg\":\"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 32 32\\\"><path d=\\\"M0 10v11h9v2h7v-2h16V10H0zm1.777 1.777h7.114v7.668H7.11v-5.888H5.334v5.888H1.777v-7.668zm8.891 0H17.779v7.666h-3.556v1.78h-3.555v-9.446zm8.889 0H30.225v7.668h-1.78v-5.888h-1.777v5.888h-1.777v-5.888h-1.78v5.888h-3.554v-7.668zm-5.334 1.78v4.111H16v-4.111h-1.777z\\\"/></svg>\"},\"link\":\"https://www.npmjs.com/package/@frsource/light-scrollbar\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-present FRSOURCE - Szymon Dziewoński\"},\"nav\":[{\"text\":\"Api\",\"link\":\"/api\"},{\"text\":\"1.4.227\",\"items\":[{\"text\":\"Changelog\",\"link\":\"https://github.com/FRSOURCE/light-scrollbar/blob/main/CHANGELOG.md\"},{\"text\":\"Issues\",\"link\":\"https://github.com/FRSOURCE/light-scrollbar/issues\"}]}],\"sidebar\":[{\"text\":\"Introduction\",\"items\":[{\"text\":\"Gettings started\",\"link\":\"/getting-started\"},{\"text\":\"Instalation\",\"link\":\"/instalation\"}]},{\"text\":\"Api\",\"items\":[{\"text\":\"attach\",\"link\":\"/api/attach\",\"items\":[{\"text\":\"arguments\",\"link\":\"/api/attach/arguments\"},{\"text\":\"returns\",\"link\":\"/api/attach/returns\"}]},{\"text\":\"detach\",\"link\":\"/api/detach\"}],\"link\":\"/api\"},{\"text\":\"Examples\",\"items\":[{\"text\":\"Default\",\"link\":\"/examples/default\"},{\"text\":\"WrapperOutside\",\"link\":\"/examples/wrapperOutside\"},{\"text\":\"ShowOnHover\",\"link\":\"/examples/showOnHover\"}]}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false}" ) ; </ script >
2828
2929 </ body >
3030</ html >
![renovate[bot]](https://avatars.githubusercontent.com/in/2740?v=4&size=40){kind=avatar}
0 commit comments