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
然后借鉴别人的页面,是当浏览器缩小到某个大小之后才出现滚动条,所以就网上搜索了下
代码如下:(可以直接将这段代码拷到工程目录下的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 监听Canvas上滚动条的出现或隐藏
- 关于浏览器出现滚动条和消失页面不跳动
- SilverLight 浏览器出现滚动条
- Flex使用Weborb与.NET交互的问题:使用DataSet出现"提供的索引超出范围"异常
- 在浏览器窗口大小变化时,自动出现或隐藏滚动条,隐藏横向滚动条,仅保留纵向的
- [导入]Flex使用Weborb与.NET交互的问题:使用DataSet出现"提供的索引超出范围"异常
- 在浏览器窗口大小变化时,自动出现或隐藏滚动条,隐藏横向滚动条,仅保留纵向的
- flex纵向滚动条出现后,横向滚动条自动出现(转)
- Flex 中有由于控件的属性includeInLayout导致滚动条不能出现!
- 用css、如何让图片自动适应屏幕大小,不出现滚动条,不变形,兼容各个浏览器
- flex自适应高度内容高度超出容器高度自动出现滚动条的问题
- ios微信浏览器-div设置滚动-不出现滚动条的解决办法
- flex 中Container类型滚动条交汇时出现白块问题解决
- 移动端浏览器禁止出现横向滚动条
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度。判断出现滚动条
- html 页面超出范围没有自动出现滚动条
- 动态地往datagirdview中添加数据,当所添加的数据超过datagridview的显示范围后,滚动条就无法显示,程序出现假死状态,(scrollbars=both)
- 根据浏览器是否出现滚动条,显示返回顶部
- 做网页时如何使格式不随浏览器大小改变而是出现滚动条
- 缩小浏览器窗口,拉动底部滚动条,出现背景缺失问题