How to hide and remove scroll bars in HTML

How to hide and remove scroll bars in HTML

1. HTML tags with attributes

XML/HTML CodeCopy content to clipboard
  1. < html   lang = "en"   class = "no-ie"   style = "overflow:hidden;" >    

2. Add the following code to body

XML/HTML CodeCopy content to clipboard
  1. < style   type = "text/css" >      
  2. html{
  3. overflow-x:hidden;
  4. overflow-y: hidden;
  5. }
  6. </ style >  

How to remove scroll bar from html page

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

Write a css directly in html

XML/HTML CodeCopy content to clipboard
  1. < span   style = "font-size:24px;" > < style   type = "text/css" >      
  2. body{
  3. overflow-x:hidden;
  4. overflow-y: hidden;
  5. }
  6. </ style > </ span >    

This way there is no scroll bar

The above is the HTML code for hiding and removing scroll bars that I introduced to you. I hope it will be helpful to you. If you have any questions, please leave me a message and I will reply to you in time. I would also like to thank everyone for their support of the 123WORDPRESS.COM website!

<<:  Detailed steps to use Arthas in a Docker container

>>:  MySQL 8.0 upgrade experience

Recommend

Detailed explanation of where the image pulled by docker is stored

20200804Addendum: The article may be incorrect. Y...

JavaScript implements circular progress bar effect

This article example shares the specific code of ...

Example of how to set div background transparent

There are two common ways to make div background ...

Advanced crawler - Use of Scrapy_splash component for JS automatic rendering

Table of contents 1. What is scrapy_splash? 2. Th...

Solve the problem of ugly blue border after adding hyperlink to html image img

HTML img produces an ugly blue border after addin...

Introduction to html form control disabled attributes readonly VS disabled

There are two ways to disable form submission in ...

Use Shell scripts to batch start and stop Docker services

Table of contents Start Docker Stop Docker Python...

Install Kafka in Linux

Table of contents 1.1 Java environment as a prere...

Flame animation implemented with CSS3

Achieve results Implementation Code html <div ...

ftp remotely connect to Linux via SSH

First install ssh in Linux, taking centos as an e...

Use thead, tfoot, and tbody to create a table

Some people use these three tags in a perverted wa...

React event mechanism source code analysis

Table of contents Principle Source code analysis ...

Element uses scripts to automatically build new components

Table of contents background How does element-ui&...

In-depth explanation of various binary object relationships in JavaScript

Table of contents Preface Relationships between v...

Usage and scenario analysis of npx command in Node.js

npx usage tutorial Tonight, when I was learning V...