osv,
попытка угадать ...
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="mobile-web-app-capable" content="yes">
<title>test</title>
<style type="text/css">
html, body {
width:100%;
height:100%;
padding:0;
margin:0;
/*-webkit-overflow-scrolling:touch;
scroll-behavior:smooth;*/
}
.main {
width:100%;
height: calc(100vh + 200px);
overflow:hidden;
display: flex;
flex-wrap: wrap;
}
.block {
flex-grow: 3;
height: 100vh;
overflow-y:scroll;
overflow-x:hidden;
}
.header {
width:100%;
height:200px;
background:yellow;
flex: 0 1 1;
}
</style>
</head>
<body>
<div class="main">
<div class="header"></div>
<div class="block" style="background:blue;">
<h1>Item 1</h1>
<h1>Item 2</h1>
<h1>Item 3</h1>
<h1>Item 5</h1>
<h1>Item 6</h1>
<h1>Item 7</h1>
<h1>Item 8</h1>
<h1>Item 9</h1>
<h1>Item 10</h1>
<h1>Item 11</h1>
<h1>Item 12</h1>
<h1>Item 13</h1>
<h1>Item 14</h1>
<h1>Item 15</h1>
<h1>Item 16</h1>
<h1>Item 17</h1>
<h1>Item 18</h1>
<h1>Item 19</h1>
<h1>Item 20</h1>
<h1>Item 21</h1>
<h1>Item 22</h1>
<h1>Item 12</h1>
<h1>Item 13</h1>
<h1>Item 14</h1>
<h1>Item 15</h1>
<h1>Item 16</h1>
<h1>Item 17</h1>
<h1>Item 18</h1>
<h1>Item 19</h1>
<h1>Item 20</h1>
<h1>Item 21</h1>
<h1>Item 22</h1>
<h1>Item 23</h1>
<h1>Item 24</h1>
<h1>Item 25</h1>
<h1>Item 26</h1>
<h1>Item 24</h1>
<h1>Item 25</h1>
<h1>Item 26</h1>
</div>
<div class="block" style="background:red;">
<h1>Item 1</h1>
<h1>Item 2</h1>
<h1>Item 3</h1>
<h1>Item 5</h1>
<h1>Item 6</h1>
<h1>Item 7</h1>
<h1>Item 8</h1>
<h1>Item 9</h1>
<h1>Item 10</h1>
<h1>Item 11</h1>
<h1>Item 12</h1>
<h1>Item 13</h1>
<h1>Item 14</h1>
<h1>Item 15</h1>
<h1>Item 16</h1>
<h1>Item 17</h1>
<h1>Item 18</h1>
<h1>Item 19</h1>
<h1>Item 20</h1>
<h1>Item 21</h1>
<h1>Item 22</h1>
<h1>Item 12</h1>
<h1>Item 13</h1>
<h1>Item 14</h1>
<h1>Item 15</h1>
<h1>Item 16</h1>
<h1>Item 17</h1>
<h1>Item 18</h1>
<h1>Item 19</h1>
<h1>Item 20</h1>
<h1>Item 21</h1>
<h1>Item 22</h1>
<h1>Item 23</h1>
<h1>Item 24</h1>
<h1>Item 25</h1>
<h1>Item 26</h1>
<h1>Item 27</h1>
<h1>Item 16</h1>
<h1>Item 17</h1>
<h1>Item 18</h1>
<h1>Item 19</h1>
<h1>Item 20</h1>
<h1>Item 21</h1>
<h1>Item 22</h1>
<h1>Item 12</h1>
<h1>Item 13</h1>
<h1>Item 14</h1>
<h1>Item 15</h1>
<h1>Item 16</h1>
<h1>Item 17</h1>
<h1>Item 18</h1>
<h1>Item 19</h1>
<h1>Item 20</h1>
<h1>Item 21</h1>
<h1>Item 22</h1>
<h1>Item 23</h1>
<h1>Item 24</h1>
<h1>Item 25</h1>
<h1>Item 26</h1>
<h1>Item 27</h1>
</div>
<div class="block" style="background:green;">
<h1>Item 1</h1>
<h1>Item 2</h1>
<h1>Item 3</h1>
<h1>Item 5</h1>
<h1>Item 6</h1>
<h1>Item 7</h1>
<h1>Item 8</h1>
<h1>Item 9</h1>
<h1>Item 10</h1>
<h1>Item 11</h1>
<h1>Item 12</h1>
<h1>Item 13</h1>
<h1>Item 14</h1>
<h1>Item 15</h1>
<h1>Item 16</h1>
<h1>Item 17</h1>
<h1>Item 18</h1>
<h1>Item 19</h1>
<h1>Item 20</h1>
<h1>Item 21</h1>
<h1>Item 22</h1>
<h1>Item 12</h1>
<h1>Item 13</h1>
<h1>Item 14</h1>
<h1>Item 15</h1>
<h1>Item 16</h1>
<h1>Item 17</h1>
<h1>Item 18</h1>
<h1>Item 19</h1>
<h1>Item 20</h1>
<h1>Item 21</h1>
<h1>Item 22</h1>
<h1>Item 23</h1>
<h1>Item 24</h1>
<h1>Item 25</h1>
<h1>Item 26</h1>
<h1>Item 27</h1>
<h1>Item 16</h1>
<h1>Item 17</h1>
<h1>Item 18</h1>
<h1>Item 19</h1>
<h1>Item 20</h1>
<h1>Item 21</h1>
<h1>Item 22</h1>
<h1>Item 12</h1>
<h1>Item 13</h1>
<h1>Item 14</h1>
<h1>Item 15</h1>
<h1>Item 16</h1>
<h1>Item 17</h1>
<h1>Item 18</h1>
<h1>Item 19</h1>
<h1>Item 20</h1>
<h1>Item 21</h1>
<h1>Item 22</h1>
<h1>Item 23</h1>
<h1>Item 24</h1>
<h1>Item 25</h1>
<h1>Item 26</h1>
<h1>Item 27</h1>
</div>
</div>
</body>
</html>