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

MySQL 5.7.17 compressed package installation and configuration method graphic tutorial

There are few and inadequate installation tutoria...

Summarize the common application problems of XHTML code

<br />For some time, I found that many peopl...

Vue directives v-html and v-text

Table of contents 1. v-text text rendering instru...

Introduction to RHCE bridging, password-free login and port number modification

Table of contents 1. Configure bridging and captu...

How to package the uniapp project as a desktop application

Installing Electron cnpm install electron -g Inst...

Sample code for implementing two-way authentication with Nginx+SSL

First create a directory cd /etc/nginx mkdir ssl ...

Detailed explanation of the use of router-view components in Vue

When developing a Vue project, you often need to ...

Guide to using env in vue cli

Table of contents Preface Introduction-Official E...

Detailed explanation of various methods of Vue component communication

Table of contents 1. From father to son 2. From s...

Summary of several commonly used CentOS7 images based on Docker

Table of contents 1 Install Docker 2 Configuring ...

Why I recommend Nginx as a backend server proxy (reason analysis)

1. Introduction Our real servers should not be di...

Detailed explanation of how to clear a few pixels of blank space under an image using CSS

Recently, a friend asked me a question: When layo...

How to split data in MySQL table and database

Table of contents 1. Vertical (longitudinal) slic...

Detailed installation instructions for the cloud server pagoda panel

Table of contents 0x01. Install the Pagoda Panel ...

Use nginx + secondary domain name + https support

Step 1: Add a secondary domain name to the Alibab...