如何去掉HTML页面中的滚动条?

如何去掉HTML页面中的滚动条?

clipboard.png

阅读 26.6k
4 个回答

这用的是iframe吧。 在iframe中加 scrolling="no"

<iframe name="" src="" frameborder="0" scrolling="no"></iframe>

.no-bar::-webkit-scrollbar {

display:none

}
给不要滚动条的元素加这个calss
或者
::-webkit-scrollbar {

display:none

}
全局没有滚动条

body里面加

<style type="text/css">
 body{
        overflow:scroll;
        overflow-x:hidden;
     }
</style>

这个是y轴有滚动条,x轴没有。如果是都要滚动条就去掉overflow-x:hidden;,如果是反正哪个轴要滚动条就加上overflow-x/y:scroll;整个页面滚动条就加在body里面,div里面出现滚动条就加在div里面。

::-webkit-scrollbar{width:0px;height:0px;}

或者调整你的css结构 父级元素加上overflow:hidden;

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题