xxxxxxxxxx
/*Hide scrollbar for Chrome, Safari and Opera*/
<(class/id) of element>::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
<(class/id) of element> {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
xxxxxxxxxx
/* Hide scrollbar for Chrome, Safari and Opera */
.example::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE and Edge */
.example {
-ms-overflow-style: none;
}
xxxxxxxxxx
overflow-y: hidden; /* Hide vertical scrollbar */
overflow-x: hidden; /* Hide horizontal scrollbar */
xxxxxxxxxx
/* Hide both scrollbars */
body {
overflow: hidden;
}
/* Hide any particular scrollbar */
body {
overflow-x: hidden; /* Hide horizontal scrollbar */
overflow-y: hidden; /* Hide vertical scrollbar */
}
xxxxxxxxxx
/* Hide scrollbar for chrome, safari and opera */
body::-webkit-scrollbar {
width: 0 !important
}
/* hide scrollbar for IE and edge */
html {
scrollbar-width: none;
}
xxxxxxxxxx
<style>
/* Remove both horizontal and vertical scrollbars */
.your-element {
overflow: hidden;
}
/* Remove only horizontal scrollbar */
.your-element {
overflow-x: hidden;
}
/* Remove only vertical scrollbar */
.your-element {
overflow-y: hidden;
}
</style>