]; 2. Hide when not needed, code is [ ]; 3. Style sheet method."/> ]; 2. Hide when not needed, code is [ ]; 3. Style sheet method.">

Home>Article>Web Front-end> How to disable scroll bars in css

How to disable scroll bars in css

coldplay.xixi
coldplay.xixi Original
2021-04-28 16:51:18 5117browse

How to disable scroll bars in css: 1. Hide completely, the code is [2db95fe0d70eb90f49b024b0d4651f81]; 2. Hide when not needed, the code is [2b0de3f8f8f523c5c9e2d93a638267f1]; 3. Style sheet method.

How to disable scroll bars in css

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

1. Completely hide

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

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;

3. Style sheet method

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

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

Add

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!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn