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