<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var Heigt = $(window).height();
var obj = $('.scroll-panel');
alert("Начальная разность Высот:\n"+(Heigt-obj.height()));
obj.height(Heigt);
alert("Установлена Высота текущего окна браузера:\n"+Heigt);
});
</script>
</head>
<body>
<style type="text/css">
.scroll-panel{
width: 87%; /* Ширина видимой области*/
border:red solid 1px;
height: 800px; /* Высота видимой области*/
}
</style>
<div style="width:100%;height:300px;"></div>
<div class="scroll-panel"></div>
</body>
</html>