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

ttx9n · 发表于 2013-11-7 16:26:47

给页面添加滚动条的方法有很多，使用js获取浏览器窗口的宽高，根据浏览器窗口宽高修改样式，让滚动条出现，具体的实现如下，需要的朋友可以参考下修改index.template.html，加入一段js获取浏览器窗口的宽高，根据浏览器窗口宽高修改css样式，html, body { height:100%; width:100%; }的height和width是百分比还是具体大小，当是具体大小时就会出现滚动条，当是百分比时就会充满整个窗口。具体如下： 1.加入以下js原码(Application大小为1100X600) [U]复制代码[/U] 代码如下: 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(); }

123456 · 发表于 2022-8-27 01:26:43

强烈支持楼主ing……

白狐软件 · 发表于 2022-9-20 12:52:22

的谁vdvdsvdsvdsdsv

平平安安 · 发表于 2022-9-21 02:19:30

老衲笑纳了

雪龙Ui79 · 发表于 2022-12-11 07:42:59

天天源码社区www.tiantianym.com

Alisaliu · 发表于 2022-12-20 23:12:14

hi哦和烦恼农家女

i1efp6c · 发表于 2023-3-5 03:19:30

1312315458748777

rveqwdpw5 · 发表于 2023-5-21 04:11:04

2222222222222222

uj9lpc · 发表于 2023-10-10 01:58:22

看到这帖子真是高兴！

jasonlong · 发表于 2023-11-1 00:14:15

好东西一定要看看！

账号		自动登录	找回密码
密码			立即注册

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

相关帖子