美文网首页
div超出高度的时候出现滚动条

div超出高度的时候出现滚动条

作者: AR7_ | 来源:发表于2019-04-18 10:06 被阅读0次

    一、div超出高度的时候出现滚动条

    p超出高度的时候出现滚动条时怎么办?其实很简单:
    在p的style属性加上overflow-y:auto即可。

    二、自定义滚动条样式:

    <template>
        <div class="divclassname">
       </div>
    </template>
            /*滚动条样式*/
            .divclassname::-webkit-scrollbar {/*滚动条整体样式*/
                width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
                height: 4px;
            }
            .divclassname::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
                border-radius: 5px;
                -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
                background: rgba(0,0,0,0.2);
            }
            .divclassname::-webkit-scrollbar-track {/*滚动条里面轨道*/
                -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
                border-radius: 0;
                background: rgba(0,0,0,0.1);
            }
    

    https://www.2cto.com/kf/201707/660087.html
    https://www.cnblogs.com/juqian/p/6273808.html

    相关文章

      网友评论

          本文标题:div超出高度的时候出现滚动条

          本文链接:https://www.haomeiwen.com/subject/yyczwqtx.html