화면 크기로 페이지 크기 및 스크롤 가능한 프레임

Question

동적 데이터를 gridview에 표시하는 asp.net 웹 페이지가 있습니다.

페이지의 머리글과 바닥 글을 표시하기 위해 마스터 페이지를 사용하고 있으며이 gridview는 contentplaceholder의 div 안에 표시됩니다.

문제점 :
내가 원하는 표시되는 페이지의 크기가 사용자에 대한 일정하게 유지하고 브라우저의 사용 가능한 표시 영역의 크기와 스크롤하여 볼 수있는 내용과 동일해야한다는 것입니다 div.

머리글과 바닥 글이 같은 위치에 있고 그 안에있는 내용이 스크롤 가능한 것과 같습니다.

나는 이것을 어떻게 달성 할 수 있을지 정말로 모른다.

모든 문제에 대한 도움을 주시면 감사하겠습니다.

감사합니다.

Answer 1

어떤 jQuery를보십시오 : 귀하의 사업부가 width:auto를 사용하여 동적으로 항상 페이지 하단의 바닥 글을 유지하기 위해 그것의 높이를 변경하는

function changeHeight(){ 
    var winHeight = $(window).height(); 
    var heightOfHeaderAndFooter = 200px; // change this to what you need 
    $('#myDiv').height($(window).height() - heightOfHeaderAndFooter); 
} 
$(window).resize(function() { // changes height with browser window 
    changeHeight(); 
}); 
$(document).ready(function() { // changes height on load of the page 
    changeHeight(); 
}); 

은 당신이 원하는 것은. 또한, 귀하의 사업부가 overflow-y:scroll

Answer 2

코드를 가지고 있는지 확인하십시오

1. divMain.style.height -의 GridView 포함하는 픽셀 사업부의> 높이입니다. 이 div 태그의 스타일 설정은 style="overflow-y:auto;"

2. document.documentElement.clientHeight -> 디스플레이의 작업/클라이언트 영역 높이입니다.

3. document.getElementById("divMain").offsetTop->divMain 이전의 콘텐츠 높이.

4. 25 -> 이것은 내 추가 바닥 글의 높이입니다.
5. 픽셀 결과는 divMain에 사용할 수있는 높이입니다. 이 도움이

divMain.style.height = (document.documentElement.clientHeight - document.getElementById("divMain").offsetTop - 25) + "px"; 

희망.