How to hide scroll bars or remove scroll bars in HTML

Scroll bars can exist or not. This article mainly introduces relevant information on methods of hiding scroll bars and removing scroll bars in HTML. Let’s learn how to hide scroll bars or remove scroll bars in HTML.

1. Add attributes to the html tag

XML/HTML Code copy content to the clipboard

2.Add the following code to the body

1. <style type="text/css">
   html{     
       overflow-x: hidden;     
       overflow-y: hidden;     
   }     
   </style>

   Copy after login

How to remove scroll bars from html pages

In order to prevent the previous css file from overwriting the style of the body

Write a css directly in the html

1. <span style="font-size:24px;"><style type="text/css">
   body{     
       overflow-x: hidden;     
       overflow-y: hidden;     
   }     
   </style></span>

   Copy after login

This way there will be no scroll bar

Related recommendations:

About the method of operating scroll bars in HTML

Determine when the scroll bar slides to the bottom and trigger an event instance sharing

jQuery response to the scroll bar event function example

The above is the detailed content of How to hide scroll bars or remove scroll bars in HTML. For more information, please follow other related articles on the PHP Chinese website!