[前端] GOFLY在線客服-使用css overflow-y屬性實現超出高度出滾動條-GO語言實現開源獨立部署客服系統

在開發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>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章