tailwind-scrollbar-hide是一个基于tailwindcss的插件,它可以隐藏浏览器的滚动条。该插件提供了一组类名,可以轻松地将滚动条从你的网站中隐藏掉。这些类名包括: - scrollbar-hidden: 隐藏滚动条 - scrollbar-auto: 仅在需要时显示滚动条 - scrollbar-thin: 使用较细的滚动条 - scrollbar-thumb-rounded: 使...
2 changes: 1 addition & 1 deletion 2 tailwind.config.js Original file line numberDiff line numberDiff line change @@ -7,5 +7,5 @@ module.exports = { theme: { extend: {}, }, plugins: [], plugins: [require('tailwind-scrollbar-hide')], } 0 comments on commit e74cf6d Please...
以下是全部代码,基于vue+tailwindcss <template></template>import{Ref,onMounted,ref}from'vue';constfwidth:Ref<number>=ref(1200)constfheight:Ref<number>=ref(600)constscrollbarWidth:Ref<number>=ref(0)onMounted(()=>{console.log('content scripts onMounted')letinner=document.getElementById...
Tailwindcss插件可自定义浏览器滚动条。 安装 # Using npm npm install -D @gradin/tailwindcss-scrollbar # Using Yarn yarn add -D @gradin/tailwindcss-scrollbar 然后将插件添加到tailwind.config.js文件。 module . exports = { theme : { // ... } , plugins : [ require ( '@gradin/tailwindcs...
adoxography/tailwind-scrollbarPublic NotificationsYou must be signed in to change notification settings Fork38 Star972 main 8Branches17Tags Code Folders and files Name Last commit message Last commit date Latest commit Graham Still 3.1.0 Feb 11, 2024 ...
npm install -D @hyeon/mac-scrollbar // tailwind.config.js/**@type{import('tailwindcss').Config} */module.exports={plugins:[require('@hyeon/mac-scrollbar')],} test Readme Keywords none Install npm i@hyeon/mac-scrollbar Repository github.com/Hansanghyeon...
首先,使用-webkit-scrollbar选择器来选择要自定义样式的滚动条。 使用width属性来设置滚动条的宽度。 使用:hover伪类选择器来指定鼠标悬停时的样式。 在:hover伪类选择器中,再次使用width属性来设置悬停时的宽度。 以下是一个示例代码: 代码语言:txt 复制 /* 选择要自定义样式的滚动条 */ ::-webkit-scrollbar {...
tailwindcss@2.2.19 Tailwind CSS Horizontal scroll card componentsBy kazuma0129 Horizontal scroll card componentsFork Upvote 41Share Pluralsight Upgrade your team on even the tightest budget Upgrade your team on budget with Pluralsight—expert content & hands-on practice to stay competitive! Try ...
Breadcrumbs tailwind-scrollbar / tsconfig.json Latest commit Graham Still Handle active variant correctly 7264eb0· Sep 5, 2022 HistoryHistory File metadata and controls Code Blame 8 lines (8 loc) · 139 Bytes Raw { "include": ["src/**/*.js"], "compilerOptions": { "allowJs": true...
Breadcrumbs tailwind-scrollbar /.github / workflows/ Directory actions More options Latest commit Graham Still I'm not paid enough to fight with NPM 2512efc· Sep 5, 2022 HistoryHistory Folders and files Name Last commit message Last commit date parent directory .. run-tests.yml I'm not pa...