“ocultar barra de rolagem em CSS de Tailwind” Respostas de código

ocultar o vento do scrolbar

/*
    https://github.com/tailwindlabs/tailwindcss/discussions/2394
    https://github.com/tailwindlabs/tailwindcss/pull/5732
*/
@layer utilities {
    /* Chrome, Safari and Opera */
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }

    .no-scrollbar {
      -ms-overflow-style: none; /* IE and Edge */
      scrollbar-width: none; /* Firefox */
    }
}

<div className="no-scrollbar overflow-y-auto">
Inquisitive Iguana

ocultar barra de rolagem em CSS de Tailwind

# Using npm
npm install tailwind-scrollbar-hide

# Using Yarn
yarn add tailwind-scrollbar-hide

Then add the plugin to your tailwind.config.js file:

// tailwind.config.js
module.exports = {
  theme: {
    // ...
  },
  plugins: [
    require('tailwind-scrollbar-hide') // add this to your plugins
    // ...
  ]
}
How to use it !! 
Use in you template scrollbar-hide for visual hiding scrollbar

<div class="w-4 scrollbar-hide">...</div>


Or!!!  restore default value use scrollbar-default

<div class="w-4 scrollbar-hide md:scrollbar-default">...</div>
ABDELLATIF ANAFLOUS

Nenhuma de cauda de barra de rolagem

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
PriyavKaneriaUsesGrepper

Respostas semelhantes a “ocultar barra de rolagem em CSS de Tailwind”

Perguntas semelhantes a “ocultar barra de rolagem em CSS de Tailwind”

Mais respostas relacionadas para “ocultar barra de rolagem em CSS de Tailwind” em CSS

Procure respostas de código populares por idioma

Procurar outros idiomas de código