您的位置:首页 > 其它

FLEX 让浏览器某个范围内出现滚动条

2014-03-11 13:37 176 查看
由于之前在flex主应用中的宽高设置的都是100%,所以当缩小浏览器的时候根本不会出现滚动条,

然后借鉴别人的页面,是当浏览器缩小到某个大小之后才出现滚动条,所以就网上搜索了下

代码如下:(可以直接将这段代码拷到工程目录下的index.template.html JS代码中)

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 < 1280)
{
cssSize[0].style.width = "1280px";
}
else
{
cssSize[0].style.width = "100%";
}

if(winHeight < 720)
{
cssSize[0].style.height = "720px";
}
else
{
cssSize[0].style.height = "100%";
}
}

window.onresize=findDimensions;

function pageInit() {
//调用函数,获取数值
findDimensions();
} 原文地址:http://bbs.9ria.com/forum.php?mod=viewthread&tid=154047
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  flex 浏览器滚动条
相关文章推荐