加入收藏 | 设为首页 | 会员中心 | 我要投稿 我爱故事小小网_铜陵站长网 (http://www.0562zz.com/)- 视频终端、云渲染、应用安全、数据安全、安全管理!
当前位置: 首页 > 服务器 > 搭建环境 > Unix > 正文

FLEX给页面添加滚动条实现思路及代码

发布时间:2021-05-29 06:23:53 所属栏目:Unix 来源:站长网
导读:修改index.template.html,加入一段js获取浏览器窗口的宽高,根据浏览器窗口宽高修改css样式,html, body { height:100%; width:100%; }的height和width是百分比还是具体大小,当是具体大小时就会出现滚动条,当是百分比时就会充满整个窗口。 具体如下: 1.
修改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();

}

(编辑:我爱故事小小网_铜陵站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读