How to hide scrollbars with CSS?

https://www.tutorialspoint.com/how-to-hide-scrollbars-with-css

13-09-2020
|

Domanda

How to hide scrollbars with CSS?

CSS Web Development Front End Technology

To hide scrollbars with CSS, the code is as follows −

Example

<!DOCTYPE html>
<html>
<head>
<style>
   body {
      height: 150vh;
      width: 200vw;
      overflow: hidden;
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   p {
      font-size: 40px;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>Hide scrollbars Example</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia expedita magnam enim culpa eum veniam obcaecati odit aperiam dolorem, libero nisi magni similique eveniet sequi? Laudantium ipsam dolorum recusandae ab molestiae animi saepe cumque delectus libero quaerat? Assumenda asperiores ea incidunt totam ipsa aperiam! Ex quo cupiditate incidunt vel accusamus!
</p>
</body>
</html>

Output

The above code will produce the following output −

AmitDiwan

Published on 08-May-2020 18:04:00

Previous Page Print Page