[ Solved – 10 Answers ] CSS – HTML – Hiding the scrollbar on an HTML page

<style type="text/css">
body {
    overflow:hidden;
}
		          </style>

<style type="text/css">
body {
    overflow:hidden;
}
		          </style>

<style type="text/css">
body {
    overflow-y:hidden;
}
		         </style>

<style type="text/css">
body {
    overflow-x:hidden;
}
</style>

#element::-webkit-scrollbar { 
    display: none; 
}

::-webkit-scrollbar { 
    display: none; 
}
::-webkit-scrollbar { 
    display: block; 
}

<div class="hide-scroll">
    <div class="viewport">
        ...
    </div>
</div>

.hide-scroll {
    overflow: hidden;}
.viewport {
    overflow: auto;
    /* Make sure the inner div is not larger than the container
     * so that we have room to scroll.
     */
    max-height: 100%;
    /* Pick an arbitrary margin/padding that should be bigger
     * than the max width of all the scroll bars across
     * the devices you are targeting.
     * padding = -margin
     */
    margin-right: -100px;
    padding-right: 100px;}

<div class="contentScroller">
<div class="content">
</div>
</div>
.contentScroller {overflow-y: auto; visibility: hidden;}
.content {visibility: visible;}

.container {
    -ms-overflow-style: none;  // IE 10+
    overflow: -moz-scrollbars-none;  // Firefox
}
.container::-webkit-scrollbar { 
    display: none;  // Safari and Chrome
}

.noscroll {
  width:150px;
  height:150px;
  overflow: auto; /* or hidden, or visible */
}

.scroll-wrapper{
    overflow-x: scroll;
}
.scroll-wrapper::-webkit-scrollbar { 
    display: none; 
}

/* make parent invisible */
#parent {
    visibility: hidden;
    overflow: scroll;}
/* safari and chrome specific style, don't need to make parent invisible because we can style webkit scrollbars */
#parent:not(*:root) {
  visibility: visible;}
/* make safari and chrome scrollbar invisible */
#parent::-webkit-scrollbar {
  visibility: hidden;}
/* make the child visible */
#child {
    visibility: visible;}

<h1>Wikitechy</h1>
<div id="box">
    <div id="content">
        <p>Hi !!! Welcome to Wikitechy</p>
    </div>

h1{font-weight:bold;font-size:2em;} /* ignore only for header */
/* *********************** */
div#box{
    height:200px;    width:300px;  overflow:hidden;
    border:1px solid black;
    padding: 10px;}
div#content{
    height:200px;
    width:326px;    /*
     * Uncomment to see scrollbar
    width:300px;    */
    overflow:auto;}