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

This article will explain in detail how css makes the scroll shaft invisible. The editor thinks it is very practical, so I share it with you as a reference. I hope you can get something after reading this article.

Css so that the scroll shaft invisible method: 1, use the "::-webkit-scrollbar" selector to select the scroll shaft object, 2, use the display property to set the scroll shaft style to invisible, the syntax is "::-webkit-scrollbar {display:none;}".

The operating environment of this tutorial: windows10 system, CSS3&&HTML5 version, Dell G3 computer.

How does css make the roller invisible?

In css, you can select the scroll bar using the "::-webkit-scrollbar" selector, which is used to select the scroll bar object and set the style.

The syntax is:

::-webkit-scrollbar {styles here}

Let's take a look at how to set the scroll bar to be invisible through an example, as follows:

Div {width:200px; height: 200px; overflow-y: scroll;} peacocks fly southeast and wander in Wuli. Thirteen can weave vegetarian, fourteen learn to cut clothes, fifteen play music, and sixteen recite poems. Seventeen is a royal woman, and her heart is often miserable. Since the monarch was a government official, he kept the feelings of the festival, and the cheap concubine left an empty room and met each other every day. The crow of chickens goes into the weaving, and there is no rest every night. It is too late to break five horses in three days. If it is not for weaving late, it will be difficult for your wife! The concubine could not bear to be driven, and if she was left with nothing to do, she could be sent home in time.

Output result:

When adding::-webkit-scrollbar {display:none} style:

::-webkit-scrollbar {display:none} div {width:200px; height: 200px; overflow-y: scroll;} peacocks fly southeast and wander in Wuli. Thirteen can weave vegetarian, fourteen learn to cut clothes, fifteen play music, and sixteen recite poems. Seventeen is a royal woman, and her heart is often miserable. Since the monarch was a government official, he kept the feelings of the festival, and the cheap concubine left an empty room and met each other every day. The crow of chickens goes into the weaving, and there is no rest every night. It is too late to break five horses in three days. If it is not for weaving late, it will be difficult for your wife! The concubine could not bear to be driven, and if she was left with nothing to do, she could be sent home in time.

Output result:

This is the end of the article on "how to make the scroll shaft invisible by css". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.

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.