apicloud 显示隐藏div可以在div中使用openFrame吗?

APICloud上openFrameGroup把菜单挡住了,怎么处理? - ThinkPHP框架
问:openframeGroup把菜单挡住了,怎么处理?
试了sendframeToBack没反应,又不能页面自己openframeGroup,不知道该怎么办。而且用另外的页面先openframeGroup再openframe('header'),点击菜单也无法超出rect定义的高度,还是不能完全打开。
测试了单独把菜单的内容作为openframe来打开:
情况1: sendtoback 和 bringtofront貌似没有效果;
情况2: 测试在openframegroup后再通过openframe加载伪头部,设定了rect的H为指定值,那么菜单显示不会超出H指定高度;
情况3: 测试在openframegroup后再通过openframe加载伪头部,设定了rect的H为'auto' ,那么整个group的内容被遮挡显示为空白;
答:页面结构还是用window+framegroup就可以了。
菜单是点击的时候显示的,所以再做一个frame,占满屏幕,将frame的背景设置为透明,里面的菜单定位到对应的位置就好了。
更多相关问答:
积分:2169
ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。UID:211314
用了openFrame 引用了一个页面内容过来后。测试消息标题6 只显示到这个地方了。下面的更多内容就不显示了。也无法下拉查看更多的内容。这个是什么原因?
QQ图片58.png (78.79 KB, 下载次数: 61)
10:17 上传
UID:208158
frame的滚动是交给原生view去控制的,您不应该在页面中将想要滚动显示的内容放在overflow:hidden等样式的容器中,
可能您原来的页面使用过iscroll.js等脚本滚动框架,这些框架要求最外层使用一个overflow:hidden样式属性的div包裹。
建议您查看一下是否有该类样式内容
30分钟内迅速响应,一对一技术支持,每个问题均能获得专业解答----
UID:211314
frame的滚动是交给原生view去控制的,您不应该在页面中将想要滚动显示的内容放在overflow:hidden等样式的容 ...
没有使用过overflow:hidden 这个哦。
内容直接放在页面中不使用frame引用的话。是正常可以滚动下拉浏览更多内容。
就是把内容放到另一个页面通过frame引用后才不能滚动的。
UID:208158
没有使用过overflow:hidden 这个哦。
内容直接放在页面中不使用frame引用的话。是正常可以滚动下拉浏览更 ...
你好,麻烦您发一下这个不能自动滚动的frame代码我们这边试一下看看
30分钟内迅速响应,一对一技术支持,每个问题均能获得专业解答----
UID:211314
&div class=&mainer& id=&message&&&/div&
& & & & apiready = function(){
api.openFrame({
& && && && &name: 'message',
& && && && &url: 'user-message-main.html',
& && && && &bounces: true,
& && && && &vScrollBarEnabled: true,
& && && && &rect: {
& && && && && & x: 0,
& && && && && & y: headerH,
& && && && && & w: 'auto',
& && && && && & h: 'auto'
& && && && &}
& && &&&});& & & &
UID:211314
& & & & top: 65
& & & & bottom: 0& & & &
& & & & right: 0;
& & & & left: 0;
& & & & overflow:
& & & & -webkit-overflow-scrolling:
& & & & position:
& & & & top: 65
& & & & bottom: 0& & & &
user-message-main.html里再详细点的代码
UID:211314
&!doctype html&
& & &meta charset=&utf-8&&
& & &meta name=&viewport& content=&maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width&/&
& & &meta name=&format-detection& content=&telephone=no,email=no,date=no,address=no&&
& & &title&Hello APP&/title&
& & &link rel=&stylesheet& type=&text/css& href=&../css/api.css& /&
& & &link rel=&stylesheet& type=&text/css& href=&../css/common.css& /&
& & & & &div class=&card&&
& & & & & & & & &div class=&card-header&&测试消息标题1&/div&
& & & & & & & & &div class=&card-content&&
& & & & & & & & & & & & &div class=&card-content-inner&&测试消息内容文字显示效果&/div&
& & & & & & & & &/div&
& & & & &/div&
& & & & &div class=&card&&
& & & & & & & & &div class=&card-header&&测试消息标题2&/div&
& & & & & & & & &div class=&card-content&&
& & & & & & & & & & & & &div class=&card-content-inner&&测试消息内容文字显示效果&/div&
& & & & & & & & &/div&
& & & & &/div&
& & & & &div class=&card&&
& & & & & & & & &div class=&card-header&&测试消息标题3&/div&
& & & & & & & & &div class=&card-content&&
& & & & & & & & & & & & &div class=&card-content-inner&&测试消息内容文字显示效果&/div&
& & & & & & & & &/div&
& & & & &/div&
& & & & &div class=&card&&
& & & & & & & & &div class=&card-header&&测试消息标题4&/div&
& & & & & & & & &div class=&card-content&&
& & & & & & & & & & & & &div class=&card-content-inner&&测试消息内容文字显示效果&/div&
& & & & & & & & &/div&
& & & & &/div&
& & & & &div class=&card&&
& & & & & & & & &div class=&card-header&&测试消息标题5&/div&
& & & & & & & & &div class=&card-content&&
& & & & & & & & & & & & &div class=&card-content-inner&&测试消息内容文字显示效果&/div&
& & & & & & & & &/div&
& & & & &/div&
& & & & &div class=&card&&
& & & & & & & & &div class=&card-header&&测试消息标题6&/div&
& & & & & & & & &div class=&card-content&&
& & & & & & & & & & & & &div class=&card-content-inner&&测试消息内容文字显示效果&/div&
& & & & & & & & &/div&
& & & & &/div&
& & & & &div class=&card&&
& & & & & & & & &div class=&card-header&&测试消息标题7&/div&
& & & & & & & & &div class=&card-content&&
& & & & & & & & & & & & &div class=&card-content-inner&&测试消息内容文字显示效果&/div&
& & & & & & & & &/div&
& & & & &/div&
& & & & &div class=&card&&
& & & & & & & & &div class=&card-header&&测试消息标题8&/div&
& & & & & & & & &div class=&card-content&&
& & & & & & & & & & & & &div class=&card-content-inner&&测试消息内容文字显示效果&/div&
& & & & & & & & &/div&
& & & & &/div&
& & & & &div class=&card&&
& & & & & & & & &div class=&card-header&&测试消息标题9&/div&
& & & & & & & & &div class=&card-content&&
& & & & & & & & & & & & &div class=&card-content-inner&&测试消息内容文字显示效果&/div&
& & & & & & & & &/div&
& & & & &/div&
&script type=&text/javascript& src=&../script/api.js&&&/script&
用你的代码测试了,没有任何问题
api.openFrame({
& & & && & name: 'frame',
& & & && & url: './test.html',
& & & && &bounces:true,
& & & && &bgColor:'#ff0000',
& & & && & rect: {
& & & & & & & && & x:0,
& & & & & & & && & y:0,
& & & & & & & && & w:api.frameWidth,
& & & & & & & && & h:api.frameHeight
& & & && & }
(C) 2014 APICloudfunction funIniGroup(){
var eHeaderLis = $api.domAll('header li'),
frames = [];
for (var i = 0,len = eHeaderLis. i & i++) {
frames.push( {
name: 'frame'+i,
url: './html/frame'+i+'.html',
bgColor : 'rgba(0,0,0,.2)',
bounces:false
这里修改为
api.openFrameGroup({
name: 'group',
scrollEnabled: true,
y: $api.dom('header').offsetHeight,
w: api.winWidth,
h: $api.dom('#main').offsetHeight
frames: frames
}, function (ret, err) {
阅读(...) 评论()输入关键字或相关内容进行搜索
apicloud能对html、css、js进行加密,希望dcloud尽快实现这个,立马要开始项目了,正在犹豫抉择中。
之前就说过那是骗人的。在很多手机上可以直接用chrome debug出源码,还能打断点。
在我们对APICloud的诉讼中,也包括了APICloud虚假宣传可加密的诉点,其中公证了如何简单的获取源码的获取方式,但目前不适于公开。另外在这个网址也能看到解密文件关于DCloud的源码保护方案参考这个文章:关于HTML、js加密、混淆、源码保护、代码安全,防止解压直接看源码
\n更新:2017年3月,北京知识产权法院宣判apicloud的代码加密为虚假宣传,apicloud被判给DCloud赔偿20万元。
该问题目前已经被锁定, 无法添加新回复
浏览: 6096
关注: 5 人APICloud(2)
header写在win中,点击win中的底部菜单导航打开frame,打开不同frame修改header的标题,以及给当前的活动菜单添加class
利用api.execScript把需要的值在frame中传回win,在win中操作标题(& $api.html(el, title))和改变class($api.addCls(el, 'aui-active'))
1、Frame中:(注意放在apiready中)
var jsfun = 'setHeaderInfo(&fav&,&收藏&);';
api.execScript({
name: 'header', //winName
script: jsfun
2、Win中:(即包含header的页面,定义frame中的isfun)
function setHeaderInfo(name, title) {
& & & & var header = $api.byId('header'),
& & & & & & cur_bot_nav = $api.dom('.b-nav-' + name),//需要添加active的nav
pre_nav = $api.dom('.b-nav-' + cur_frame);//上一个活动的nav
& & & & & & cur_frame =//赋值,下次切换时可以找到需要移除active的nav
& & & & $api.html(header, title); //设置头部标题
& & & & $api.removeCls(pre_nav, 'aui-active');//移除active
& & & & $api.addCls(cur_bot_nav, 'aui-active'); //底部添加当前活动tab
写在最后:按照文档起初也是这样子写,win中一直调用不到参数,纠结了两晚上,最后灵光一闪,脑子一热,重新编译,哦了。所以遇到莫名其妙不是代码的问题的时候,重新编译过再来就对了!!!
&&相关文章推荐
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:4309次
排名:千里之外
(window.slotbydup = window.slotbydup || []).push({
id: '4740887',
container: s,
size: '250,250',
display: 'inlay-fix'

我要回帖

更多关于 apicloud 显示隐藏div 的文章

 

随机推荐