例如,tailwind-scrollbar-hide插件可以帮助你更方便地在Tailwind项目中隐藏滚动条。 首先,安装插件: bash npm install tailwind-scrollbar-hide 然后,在tailwind.config.js中配置插件: javascript module.exports = { plugins: [ require('tailwind-scrollbar-hide') ] } 在HTML中直接使用插件提供的类: html &...
scrollbar-hide::-webkit-scrollbar { display: none; } /* For IE, Edge and Firefox */ .scrollbar-hide { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .aitable::-webkit-scrollbar { width: 0px; height: 6px; } .aitable::-webkit-scroll...
yarn add @raulscoelho/tailwind-scrollbar # or npm i @raulscoelho/tailwind-scrollbarUsageTo use the @raulscoelho/tailwind-scrollbar plugin, you need to add it to your Tailwind CSS configuration file.Step 1: Configure Tailwind CSSAdd the plugin to your tailwind.config.ts file:...
scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; } Additionally, update the tag to remove the scrollbar-hide class, resulting in: SEO Configuration The SEO Configuration in the ScrewFast template is designed to empower users in optimizing their website's visibility on ...
194 + To create a production bundle, use `npm run build` or `yarn build`. 195 + --> 189 196 190 197 191 198 src/assets/js/publicFunc.tsCopy file name to clipboardExpand all lines: src/assets/js/publicFunc.ts +21-57 Original file line numberDiff line numberDiff line...
Install npm i@aumirza/tailwind-pseudo-scrollbar Repository github.com/aumirza/tailwind-pseudo-scrollbar Homepage github.com/aumirza/tailwind-pseudo-scrollbar Weekly Downloads 0 Version 1.0.2 License MIT Unpacked Size 3.51 kB Last publish 2 years...
tailwind-scrollbar-hide tailwindcss plugin for hide scrollbar tailwindcss scrollbar scrollbar-hide reslear •2.0.0•5 months ago•121dependents•MITpublished version2.0.0,5 months ago121dependentslicensed under $MIT 703,954 tw-to-css ...
If you wish to return the default scrollbar, you can comment out or remove the following CSS from src/layouts/MainLayout.astro: .scrollbar-hide::-webkit-scrollbar { display: none; } .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; } Additionally, update the tag ...
Scrollbar styles @scayle/tailwind-base/plugins/scrollbar.js Utilities for styling the scrollbar. ClassProperties scrollbar-auto scrollbar-width: auto scrollbar-thin scrollbar-width: thin scrollbar-none scrollbar-width: none Additionally, it creates thumb-[theme-color-name] and track-[theme-color...
@shrutibalasa/tailwind-grid-auto-fit @yaredfall/tw-grid-auto-fill @tailwindcss/container-queries tailwind-scrollbar 志扶批找把快扶扶我快 plugins/hover-and-focus-tweaks plugins/hover-type plugins/selectors plugins/radius-themer plugins/theming ...