Question

这是情景：
我有一个asp.net网页，它在gridview中显示动态数据。

我正在使用母版页来显示页面的页眉和页脚，这个gridview显示在contentplaceholder的div中。

问题：
我想要的是，显示的页面大小对于用户来说保持不变，并且必须等于其浏览器可用显示区域的大小，并且通过滚动div可以看到内容。

类似页眉和页脚的排序保持在同一位置，其中的内容可滚动。

我真的不知道如何实现这一点。

对此事的任何帮助都表示高度赞赏。

感谢。

Answer 1

尝试一些jQuery：

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();
});

你想要的是你的div使用width:auto并动态地改变它的高度以始终将页脚保持在页面的底部。另外，请确保您的div有overflow-y:scroll

Answer 2

代码段：

divMain.style.height - ＆gt;包含GridView的像素中div的高度。此div标签的样式设置为style="overflow-y:auto;"
document.documentElement.clientHeight - ＆gt;显示器的工作/客户区域的高度。
document.getElementById("divMain").offsetTop - ＆gt; divMain之前的内容高度。
25 - ＆gt;这是我的额外页脚的高度。
像素结果是divMain可用的高度。

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

希望这有帮助。

页面大小作为屏幕大小和内部可滚动框架

2 个答案: