easyui网站开发实战电子书,php网站美化,wordpress小图标网站,创建网站数据库Frame是一层一层的概念#xff0c; 有的位于上层#xff0c;有的位于下层。 1.加载菜单 2.加载页面层 3.首页拆分出内容层#xff0c;这个时候内容层位于页面层的上方#xff0c;当点击其他页面的时候#xff0c;内容层遮挡住了他们 解决方案一 判断是否是首页#xff0c…Frame是一层一层的概念 有的位于上层有的位于下层。 1.加载菜单 2.加载页面层 3.首页拆分出内容层这个时候内容层位于页面层的上方当点击其他页面的时候内容层遮挡住了他们 解决方案一 判断是否是首页如果不是首页则将内容层调整到页面层后方。 如果是首页则将内容层调整到前方。 这种方案有个弊端就是其它层下拉的时候还能够看到内容层的残留。 解决方案二 通过设置Frame属性将Frame进行隐藏和显示操作。这就完美了。 具体代码如下 var eFooterLis $api.domAll(#footer .aui-bar-tab-item),frames []; // 选择所有匹配的DOM元素for (var i 0,len eFooterLis.length; i len; i) {// 判断是否登录var username $api.getStorage(customer_id);var url ./html/framei.html;if (i4 !username) {url ./html/userLogin.html;}frames.push( { name: framei, url: url,bgColor : rgba(0,0,0,.2),bounces:true,pageParam:{footer_height:$api.dom(footer).offsetHeight},} )}api.openFrameGroup({ // 打开 frame 组name: group,scrollEnabled: false,rect: {x: 0,y: 0,w: api.winWidth,h: api.winHeight-$api.dom(footer).offsetHeight},index: 0, // 默认是首页frames: frames}, function (ret, err) {if (ret.index ! 0) { // 不是首页 // api.sendFrameToBack({ // 调整到后方 // from: frame0Con, // to: ret.frameName // });api.setFrameAttr({ // 隐藏内容层name: frame0Con,hidden:true,});} else { // 是首页 // api.bringFrameToFront({ // 调整到前方 // from: frame0Con, // to: ret.frameName // });api.setFrameAttr({ // 显示内容层name: frame0Con,hidden:false,});}}); 转载于:https://www.cnblogs.com/jiqing9006/p/5970419.html