How to disable scroll bars in css

How to disable scroll bars in css: 1. Hide completely, the code is [<boby scroll="no">]; 2. Hide when not needed, the code is []; 3. Style sheet method. <boby scroll="no"><boby scroll="auto">

The operating environment of this tutorial: windows7 system, css3 version, DELL G3 computer.

1. Completely hide

Add scroll="no" to to hide the scroll bar;

<boby scroll="no">

2. Hide when not needed

means that when the width or height of the browser window is greater than the width or height of the page, the scroll bar will not be displayed;

Vice versa , then it will be displayed;

<boby scroll="auto">

3. Style sheet method

Add style="overflow-x:hidden" in , to hide the horizontal scroll bar;

Add style="overflow-y:hidden" to hide the vertical scroll bar.

Add

<style>
html { overflow-x:hidden; }
</style>

to the included page. Recommended related tutorials: CSS video tutorial

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