[前端] GOFLY在线客服-使用css overflow-y属性实现超出高度出滚动条-GO语言实现开源独立部署客服系统

唯一Chat

发布于 2021-10-26 11:00:50

4090

发布于 2021-10-26 11:00:50

文章被收录于专栏：陶士涵的菜地陶士涵的菜地

在开发GOFLY客服前端界面的过程中，实现下面这个效果主要是使用了css的 overflow-y属性

核心代码如下面的代码，设定高度，然后增加overflow-y: auto;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .content{
            height: 80px;
            background: #1c7430;
            overflow-y: auto;
        }

    </style>
</head>
<body>
<div class="content">
    <h1>1</h1>
    <h2>2</h2>
    <h3>3</h3>
    <h4>4</h4>
</div>

</body>
</html>

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2021-10-24 ，如有侵权请联系 cloudcommunity@tencent.com 删除

css