“Scrollbar in Rückenwind -CSS verstecken” Code-Antworten

Scrolbar Rückenwind verbergen

/*
    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

Scrollbar in Rückenwind -CSS verstecken

# 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

Kein Scrollbar -Rückenwind

/* 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

Ähnliche Antworten wie “Scrollbar in Rückenwind -CSS verstecken”

Fragen ähnlich wie “Scrollbar in Rückenwind -CSS verstecken”

Weitere verwandte Antworten zu “Scrollbar in Rückenwind -CSS verstecken” auf CSS

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen