FLEX給頁面添加滾動條實現(xiàn)思路及代碼
更新時間:2013年11月07日 16:26:47 作者:
給頁面添加滾動條的方法有很多,使用js獲取瀏覽器窗口的寬高,根據(jù)瀏覽器窗口寬高修改樣式,讓滾動條出現(xiàn),具體的實現(xiàn)如下,需要的朋友可以參考下
修改index.template.html,加入一段js獲取瀏覽器窗口的寬高,根據(jù)瀏覽器窗口寬高修改css樣式,html, body { height:100%; width:100%; }的height和width是百分比還是具體大小,當是具體大小時就會出現(xiàn)滾動條,當是百分比時就會充滿整個窗口。
具體如下:
1.加入以下js原碼(Application大小為1100X600)
var winWidth = 0;
var winHeight = 0;
function findDimensions()
{
//獲取窗口寬度
if (window.innerWidth)
{
winWidth = window.innerWidth;
}
else if ((document.body) && (document.body.clientWidth))
{
winWidth = document.body.clientWidth; //獲取窗口高度
}
if (window.innerHeight)
{
winHeight = window.innerHeight;
}
else if ((document.body) && (document.body.clientHeight))
{
winHeight = document.body.clientHeight;
}
//通過深入Document內部對body進行檢測,獲取窗口大小
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
winHeight = document.documentElement.clientHeight;
winWidth = document.documentElement.clientWidth;
}
var cssSize = document.styleSheets[0].rules||document.styleSheets[0].cssRules;
if(winWidth < 1100)
{
cssSize[0].style.width = "1100px";
}
else
{
cssSize[0].style.width = "100%";
}
if(winHeight < 600)
{
cssSize[0].style.height = "600px";
}
else
{
cssSize[0].style.height = "100%";
}
}
window.onresize=findDimensions;
function pageInit() {
//調用函數(shù),獲取數(shù)值
findDimensions();
}
具體如下:
1.加入以下js原碼(Application大小為1100X600)
復制代碼 代碼如下:
var winWidth = 0;
var winHeight = 0;
function findDimensions()
{
//獲取窗口寬度
if (window.innerWidth)
{
winWidth = window.innerWidth;
}
else if ((document.body) && (document.body.clientWidth))
{
winWidth = document.body.clientWidth; //獲取窗口高度
}
if (window.innerHeight)
{
winHeight = window.innerHeight;
}
else if ((document.body) && (document.body.clientHeight))
{
winHeight = document.body.clientHeight;
}
//通過深入Document內部對body進行檢測,獲取窗口大小
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
winHeight = document.documentElement.clientHeight;
winWidth = document.documentElement.clientWidth;
}
var cssSize = document.styleSheets[0].rules||document.styleSheets[0].cssRules;
if(winWidth < 1100)
{
cssSize[0].style.width = "1100px";
}
else
{
cssSize[0].style.width = "100%";
}
if(winHeight < 600)
{
cssSize[0].style.height = "600px";
}
else
{
cssSize[0].style.height = "100%";
}
}
window.onresize=findDimensions;
function pageInit() {
//調用函數(shù),獲取數(shù)值
findDimensions();
}
相關文章
在Flex(Flash)中嵌入HTML代碼或頁面(Flex IFrame)
在flex組件中嵌入html代碼,可以利用flex iframe,下面為大家詳細介紹下具體實現(xiàn)過程,感興趣的朋友可以參考下2013-08-08
Flex打開新窗口將主窗口數(shù)據(jù)傳給子窗口然后返回
主窗口打開子窗口,主窗口有數(shù)據(jù)傳給打開的子窗口,子窗口關閉時直接返回主窗口,具體的實現(xiàn)如下,感興趣的朋友可以參考2013-12-12
Flex4 使用itemRenderer 為Tree加線具體實現(xiàn)
本文為大家詳細介紹下Flex4如何使用itemRenderer 為Tree加線,感興趣的朋友可以參考下2013-12-12
js調用Flex中的方法并向flex中傳參及flex調用js示例
本文為大家詳細介紹喜愛js調用Flex中的方法以及向flex中傳參與flex調用js,具體示例如下,感興趣的朋友不妨參考下,希望對大家有所幫助2013-07-07

