作爲屏幕大小和可滾動框架內頁面大小

這裏的該場景：
我有一個asp.net網頁，它顯示在gridview中的動態數據。作爲屏幕大小和可滾動框架內頁面大小

我正在使用母版頁來顯示頁面的頁眉和頁腳，並且此gridview正在contentplaceholder中的div內顯示。

問題：
我想的是，所顯示的頁面的大小仍然爲用戶常數和必須等於其瀏覽器的可用顯示區域的大小和內容通過滾動可見DIV。

類似頁眉和頁腳的排序保持在同一位置，並且它內部的內容是可滾動的。

我真的不知道如何做到這一點。

任何有關此事的幫助是非常感謝。

謝謝。

來源

2010-08-17 Anchit

嘗試一些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

來源

2010-08-17 19:05:48

我假設你想只向上滾動，並從你的'div'裏面下來，如果這是錯誤的，讓我知道 – 2010-08-17 19:07:21

嗨皮特，感謝您的答覆，但我沒有jQuery的經驗。在做了一些搜索工作後，我覺得在這裏問這樣一個新手問題真的很愚蠢（感謝我對css的缺乏經驗）。我想要實現的佈局可以使用此頁面上的教程來完成：儘管由於您是唯一一個關心回覆帖子的人，所以我將您的答案標記爲已回答。謝謝！ – Anchit 2010-08-18 11:08:21

代碼片段：

divMain.style.height - > DIV的像素含有GridView的高度。此div標籤也有樣式設置style="overflow-y:auto;"
document.documentElement.clientHeight - >您的顯示器的工作/客戶區的高度。
document.getElementById("divMain").offsetTop - >divMain之前的內容高度。
25 - >這是我的額外頁腳的高度。
像素結果是divMain可用的高度。

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

希望這有助於。

來源

2011-10-19 21:28:51 Noriel

作爲屏幕大小和可滾動框架內頁面大小

回答

相關問題