invisible scrollbar code

<style>
div {
  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */
  overflow-y: scroll;
      height: 200px;
    border: 1px solid black;
}

div::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}

</style>


<div>
This example will hide the scrollbars (and the functionality - it is not possible to scroll inside the page).This example will hide the scrollbars (and the functionality - it is not possible to scroll inside the page).This example will hide the scrollbars (and the functionality - it is not possible to scroll inside the page).This example will hide the scrollbars (and the functionality - it is not possible to scroll inside the page).This example will hide the scrollbars (and the functionality - it is not possible to scroll inside the page).This example will hide the scrollbars (and the functionality - it is not possible to scroll inside the page).
This example will hide the scrollbars (and the functionality - it is not possible to scroll inside the page).
This example will hide the scrollbars (and the functionality - it is not possible to scroll inside the page).This example will hide the scrollbars (and the functionality - it is not possible to scroll inside the page).This example will hide the scrollbars (and the functionality - it is not possible to scroll inside the page).This example will hide the scrollbars (and the functionality - it is not possible to scroll inside the page).This example will hide the scrollbars (and the functionality - it is not possible to scroll inside the page).This example will hide the scrollbars (and the functionality - it is not possible to scroll inside the page).
This example will hide the scrollbars (and the functionality - it is not possible to scroll inside the page).
</div>