[前端] 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>
复制代码

 

posted @   唯一客服系统开发笔记  阅读(134)  评论(0)  编辑  收藏  举报
编辑推荐：
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· AI技术革命，工作效率10个最佳AI工具
历史上的今天：
2019-10-24 [日常] 使用TCPDUMP和Ethereal抓包分析HTTP请求中的异常情况
2018-10-24 [PHP] 算法-字符串的全排列的PHP实现
点击右上角即可分享
微信分享提示
AI IDE Trae
1
chat with us