How to hide scroll bars using pure css+div
This article is about how to use pure css+div to hide scroll bars. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.
Css Code:
.nav _ wrap {
Height:400px
Width:200px
Overflow:hidden
Border:1pxsolid#ccc
Margin:20pxauto
}
.nav _ ul {
Height:100%
Width:220px
Overflow-y:auto
Overflow-x:hidden
}
.nav _ li {
Border:1pxsolid#ccc
Margin:-1px
Height:40px
Line-height:40px
Text-align:center
Font-size:12px
Width:200px
}
.btn _ wrap {
Text-align:center
}
Html Code:
I'm menu 1.
I'm menu 2.
This technique was used in a menu in a previous project. The project used iframe. Also let the scroll bar be covered.
Today, I easily removed the scroll bar of the navigation menu in the project I am currently working on. Briefly summarize it.
Thank you for reading! This is the end of this article on "how to use pure css+div to hide scroll bars". 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, you can share it for more people to see!
