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

2023-12-07 0 793

修改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(); }

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悠久资源 Flex FLEX给页面添加滚动条实现思路及代码 https://www.u-9.cn/biancheng/flex/126198.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务