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

A brief analysis of MySQL's lru linked list

1. Briefly describe the traditional LRU linked li...

Solution to Workbench not connecting to MySQL on Alibaba Cloud Server Ubuntu (tested)

In the past two days, I have been very troubled t...

How to prevent event bubbling in JavaScript

What we need to pay attention to is that the char...

XHTML Getting Started Tutorial: XHTML Web Page Image Application

<br />Adding pictures reasonably can make a ...

Implementing a simple calculator based on JavaScript

This article shares the specific code of JavaScri...

Detailed explanation of Vue3's responsive principle

Table of contents Review of Vue2 responsive princ...

JS implements random generation of verification code

This article example shares the specific code of ...

Analyze how to automatically generate Vue component documentation

Table of contents 1. Current situation 2. Communi...

Detailed explanation of Linux LVM logical volume configuration process (create, increase, reduce, delete, uninstall)

Detailed explanation of Linux LVM logical volume ...

Analyze the difference between computed and watch in Vue

Table of contents 1. Introduction to computed 1.1...

How to use MySQL group by and order by together

Suppose there is a table: reward (reward table), ...

How to write high-quality JavaScript code

Table of contents 1. Easy to read code 1. Unified...

Two ways to implement text stroke in CSS3 (summary)

question Recently I encountered a requirement to ...

Solution to MySQL being unable to start due to excessive memory configuration

Problem Description MySQL reports an error when s...

Synchronize the full and incremental data of a specific MySQL table to the message queue - Solution

Table of contents 1. Original demand 2. Solution ...