“скрыть прокрутку в Tailwind CSS” Ответ

Скрыть Scrolbar Tailwind

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

скрыть прокрутку в Tailwind CSS

# 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

Нет прокрутки

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

Ответы похожие на “скрыть прокрутку в Tailwind CSS”

Вопросы похожие на “скрыть прокрутку в Tailwind CSS”

Больше похожих ответов на “скрыть прокрутку в Tailwind CSS” по CSS

Смотреть популярные ответы по языку

Смотреть другие языки программирования

Shell/Bash

C++

CSS

HTML

Java

JavaScript

Objective-C

PHP

Python

Sql

Swift

Ruby

TypeScript

Kotlin

Assembly

VBA

Scala

Rust

Dart

Elixir

Clojure

Haskell

Matlab

Erlang

Cobol

Fortran

Scheme

Perl

Groovy

Lua

Julia

Delphi

Abap

Lisp

Prolog

Pascal

ActionScript

Basic

Solidity

PowerShell

GDScript

Excel