hide scrollbar but still scroll

Add Answer

Yeti Wallhack answered on December 11, 2020 Popularity 10/10 Helpfulness 10/10

answer hide scrollbar but still scroll

related how to hide scrollbar css

related how to hide scrollbar overflow

related Hide scroll bar, but while still being able to scroll

related hide scrollbar but still scroll

related hide scroll bar but still be scrollable.

related css hide scrollbar but still scroll

related html css hide scrollbar

related hide scrollbar of a div but keep functionality

related css hide scrollbar

hide scrollbar but still scroll

Comment

.class {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.class::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

Popularity 10/10 Helpfulness 10/10 Language css

Source: Grepper

Tags: css hide scroll scrollbar

Link to this answer
Share Copy Link

Contributed on Feb 27 2022

Yeti Wallhack

0 Answers Avg Quality 2/10

Closely Related Answers

how to hide scrollbar css

Comment

/* hide scrollbar but allow scrolling */
body {
  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */
  overflow-y: scroll; 
}

body::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}
/* Kindly upvote this answer if it helped you. */

Popularity 9/10 Helpfulness 10/10 Language css

Source: blog.hubspot.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Sep 22 2022

Energetic Emu

0 Answers Avg Quality 2/10

how to hide scrollbar overflow

Comment

-1

html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0px; /* remove scrollbar space /
background: transparent; / optional: just make scrollbar invisible /
}
/ optional: show position indicator in red */
::-webkit-scrollbar-thumb {
background: #FF0000;
}

Popularity 10/10 Helpfulness 8/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Aug 14 2021

Graceful Grouse

0 Answers Avg Quality 2/10

Hide scroll bar, but while still being able to scroll

Comment

.container {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.container::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

Popularity 9/10 Helpfulness 7/10 Language css

Source: stackoverflow.com

Tags: css hide

Link to this answer
Share Copy Link

Contributed on May 03 2022

Lucila Chiarvetto Peralta

0 Answers Avg Quality 2/10

hide scrollbar but still scroll

Comment

//Hide scrollbar completly (vertical & horizontaly) scrollbar but still able to scroll
/* replace ".container" with your "id" or "className" */
.container {
  -ms-overflow-style: none;  
  scrollbar-width: none;
}
.container::-webkit-scrollbar { 
  display: none; 
}

Popularity 9/10 Helpfulness 7/10 Language javascript

Source: Grepper

Tags: hide javascript javas

Link to this answer
Share Copy Link

Contributed on Oct 08 2022

Ximen

0 Answers Avg Quality 2/10

hide scroll bar but still be scrollable.

Comment

.element::-webkit-scrollbar { width: 0 !important }

Popularity 9/10 Helpfulness 6/10 Language css

Source: www.geeksforgeeks.org

Tags: css hide

Link to this answer
Share Copy Link

Contributed on May 26 2022

anuj panwar

0 Answers Avg Quality 2/10

css hide scrollbar but still scroll

Comment

/* Hide scrollbar but still allow scrolling */
body {
  overflow: auto;
}

/* Hide scrollbar */
body::-webkit-scrollbar {
  width: 0.5em;
}

body::-webkit-scrollbar-track {
  background: #f1f1f1;
}

body::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 1em;
}

Popularity 5/10 Helpfulness 6/10 Language css

Source: Grepper

Tags: css hide scroll scrollbar

Link to this answer
Share Copy Link

Contributed on Mar 07 2023

SubZero

0 Answers Avg Quality 2/10

html css hide scrollbar

Comment

body {
  overflow: hidden; /* Hide scrollbars */
}

Popularity 9/10 Helpfulness 5/10 Language css

Source: Grepper

Tags: css hide

Link to this answer
Share Copy Link

Contributed on Jan 10 2023

Zwazel

0 Answers Avg Quality 2/10

hide scrollbar of a div but keep functionality

Comment

.class-called-body::webkit-scrollbar{
	display: none;
}

Popularity 9/10 Helpfulness 5/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Mar 16 2022

honeyCodedAsterisk

0 Answers Avg Quality 2/10

css hide scrollbar

Comment

// Sass Mixing
@mixin hideScrollbar {
  &::-webkit-scrollbar {
    width: 0 !important
  }
  -ms-overflow-style: none;
  scrollbar-width: none;
}

Popularity 10/10 Helpfulness 5/10 Language css

Source: gist.github.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Dec 11 2020

Gentle Guanaco

0 Answers Avg Quality 2/10

hide scrollbar but still scroll

Contents

More Related Answers

hide scrollbar but still scroll

Closely Related Answers

how to hide scrollbar css

how to hide scrollbar overflow

Hide scroll bar, but while still being able to scroll

hide scrollbar but still scroll

hide scroll bar but still be scrollable.

css hide scrollbar but still scroll

html css hide scrollbar

hide scrollbar of a div but keep functionality

css hide scrollbar

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.