千家信息网

如何使用纯css+div隐藏滚动条

发表于:2025-01-20 作者:千家信息网编辑
千家信息网最后更新 2025年01月20日,这篇文章给大家分享的是有关如何使用纯css+div隐藏滚动条的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。css代码:.nav_wrap{height:400px;widt
千家信息网最后更新 2025年01月20日如何使用纯css+div隐藏滚动条

这篇文章给大家分享的是有关如何使用纯css+div隐藏滚动条的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

  css代码:

  .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代码:

  

  

  我是菜单1

  我是菜单2

  

  

  之前的一个项目中的菜单用到了这个技巧。那个项目用了iframe。也是让滚动条被遮住了。

  今天又顺手把目前在做的项目中的导航菜单的滚动条去掉了。简单总结下来





感谢各位的阅读!关于"如何使用纯css+div隐藏滚动条"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

0