如何给DIV添加滚动条

如何给DIV添加滚动条

如何给DIV添加滚动条

文章插图
首先你必须要给div3设置一个宽高 。然后再设置 #div3{overflow:auto;} 当内容溢出时显示滚动条 。
单独设置横向或竖向的滚动条 。
如何给div层加滚动条
如何给DIV添加滚动条

文章插图
【如何给DIV添加滚动条】
怎么样在div+css中设置一个div的框并出现滚动条
如何给DIV添加滚动条

文章插图
.div{
width:100%;
height:200px;
overflow-x:hidden;
overflow-y:auto;
}

.div{
scrollbar-face-color: #20a774;
scrollbar-shadow-color: #20a774;
scrollbar-track-color: #ccc;
scrollbar-arrow-color: #ddd;
}
.div::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #ccc;
}
.div::-webkit-scrollbar
{
width: 6px;
background-color: #ccc;
}
.div::-webkit-scrollbar-thumb
{
background-color: #20a774;
}当div内的内容超过200px时才会显示滚动条,下边的代码是对滚动条的优化,希望对你有帮助 。
如何给div加滚动条
如何给DIV添加滚动条

文章插图
如何让一个div的滚动条自己滚动
如何给DIV添加滚动条

文章插图