• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    FLEX给页面添加滚动条实现思路及代码
    修改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中AdvancedDataGrid的用法示例介绍
    下一篇:flex不显示GIF图片问题的另类解决方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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