手机
当前位置:查字典教程网 >编程开发 >Flex >FLEX给页面添加滚动条实现思路及代码
FLEX给页面添加滚动条实现思路及代码
摘要:修改index.template.html,加入一段js获取浏览器窗口的宽高,根据浏览器窗口宽高修改css样式,html,body{heig...

修改index.template.html,加入一段js获取浏览器窗口的宽高,根据浏览器窗口宽高修改css样式,html, body { height:100%; width:100%; }的height和width是百分比还是具体大小,当是具体大小时就会出现滚动条,当是百分比时就会充满整个窗口。

具体如下:

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() {

//调用函数,获取数值

findDimensions();

}

【FLEX给页面添加滚动条实现思路及代码】相关文章:

Flex AIR 重启需要修改的配置文件

flex中使用css样式修改TextArea滚动条的皮肤代码

flex动态加载swf皮肤示例代码

Flex Label控件竖排显示文字的实现代码

flex 遍历Object对象内容的实现代码

Flex4 DataGrid中如何嵌入RadioButton

Flex DataGrid 伪合并单元格实现思路

Flex3 DataGrid拖拽到ClumnChart动态显示图表实现代码

Flex DataGrid 伪合并单元格思路及代码

Flex正则表达式判断中文或全角字符代码

精品推荐
分类导航