在开发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>