++++++++++++++++++++++++++++++++++++
+ + + +
+ + + +
+ Left + Content + Right +
+ + + +
+ + + +
++++++++++++++++++++++++++++++++++++
Рассмотрите возможность прокрутки содержимого, а не левой и правой панели. вы можете использовать позицию: зафиксировано для левой и правой панели.
поэтому всякий раз, когда вы прокручиваете страницу, она будет прокручивать только панель содержимого, а не левые & правые панели по мере их исправления.
<html>
<head>
<style>
html,body,div
{
padding:0px;
margin:0px;
}
#left_panel, #right_panel
{
width:19%;
display:inline-block;
background-color:#22435D;
height:50%;
position:fixed;
}
#center_panel
{
margin-left:20%;
width:60%;
display:inline-block;
height:150%;
background-color:white;
color:#22435D;
border:1px solid #22435D;
}
</style>
</head>
<body>
<div id="left_panel">
</div>
<div id="center_panel">
you content goes here
<br/>
you content goes here
<br/>
you content goes here
<br/>
you content goes here
<br/>
you content goes here
<br/>
you content goes here
<br/>
you content goes here
<br/>
you content goes here
</div>
<div id="right_panel">
</div>
</body>
</html>
Теперь, если вы прокрутите страницу, она будет прокручивать только центральную панель.