html一个div滑动隐藏,css 给div添加滚动并隐藏滚动条

css 给div添加滚动并隐藏滚动条 ,具体代码如下所示:

在html中

下面内容会单独滚动

1111111111111111

222222222222222

333333333333333

4444444444444444

1111111111111111

222222222222222

333333333333333

4444444444444444

css部分

div{

font-size: 15px;

margin-bottom: 20px;

}

.content{

height: 300px;v // 必须设定滚动部分的高度

background-color: cadetblue;

color: antiquewhite;

overflow-x: hidden; /*x轴禁止滚动*/

overflow-y: scroll;/*y轴滚动*/

}

.content::-webkit-scrollbar {

display: none;/*隐藏滚动条*/

}

p{

margin-bottom: 30px;

font-size: 17px;

color: #333;

}

总结

以上所述是小编给大家介绍的css 给div添加滚动并隐藏滚动条  ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!