Shulou(Shulou.com)06/01 Report--

This article mainly introduces CSS how to hide the scroll bar, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

First, if you need to hide the scroll bar and display it when the content overflows, you just need to set the overflow:auto style.

To hide the scroll bar completely, you only need to set overflow:hidden, but this will make the content of the element unscrollable.

Today, there is no CSS rule that allows elements to hide scroll bars while still scrolling content, only by styling scroll bars for specific browsers.

Firefox browser

Scrollbar-width:none;/*Firefox*/

Ie browser

-ms-overflow-style:none;/*IE10+*/

Chrome and Safari browsers

::-webkit-scrollbar {

Display:none;/*ChromeSafari*/

}

Thank you for reading this article carefully. I hope the article "how to hide the scroll bar in CSS" shared by the editor will be helpful to you. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.