apiCloud中aui获取不到高度,pos.h为0,offsetHeight为0问题

原HTML

<div  class="row aui-text-center"><div class="aui-col-xs-2" style="cursor: pointer;" onclick="api.closeWin({});"><i class="aui-iconfont aui-icon-left"></i></div><div class="aui-col-xs-8"><div class="aui-searchbar-input aui-border-radius" style="margin:0.4rem 0" tapmode="" onclick=""><i class="aui-iconfont aui-icon-search"></i><form action="javascript:search();"><input type="search" placeholder="请输入搜索内容" id="search-input"></form></div></div><div class="aui-col-xs-2"><i class="aui-iconfont aui-icon-menu"></i></div>
</div>

现HTML

<div  class="aui-row row aui-text-center"> <!--aui-row 清除浮动影响,获取元素高度 --><div class="aui-col-xs-2" style="cursor: pointer;" onclick="api.closeWin({});"><i class="aui-iconfont aui-icon-left"></i></div><div class="aui-col-xs-8"><div class="aui-searchbar-input aui-border-radius" style="margin:0.4rem 0" tapmode="" onclick=""><i class="aui-iconfont aui-icon-search"></i><form action="javascript:search();"><input type="search" placeholder="请输入搜索内容" id="search-input"></form></div></div><div class="aui-col-xs-2"><i class="aui-iconfont aui-icon-menu"></i></div>
</div>

使用栅格的时候,需要在外部包裹一个aui-row。

.aui-row {overflow: hidden;margin: 0;
}

有了这个class,元素高度就能获取到了。否是会得到0。因为栅格模式中的float浮动会影响高度获取。

JS

apiready = function(){var header = $api.byId('main');$api.fixStatusBar(header);var pos = $api.offset(header);api.openFrame({name: 'store_homeCon',url: 'store_homeCon.html',rect:{x: 0,y: pos.h, // 获取高度w: 'auto',h: 'auto'},bounces: true,opaque: true,vScrollBarEnabled: false,reload: true,pageParam:{store_id:api.pageParam.store_id}});
};

转载于:https://www.cnblogs.com/jiqing9006/p/5959813.html

apiCloud中aui获取不到高度,pos.h为0,offsetHeight为0问题相关推荐

  1. 安卓中如何获取输入法的高度

    文章目录 遇到输入法键盘时可能会遇到哪些坑 如何获取输入法键盘的高度 遇到输入法键盘时可能会遇到哪些坑 在键盘弹出之后,计算应用尺寸(不含状态栏)的大小时,系统的 API 会减去键盘的高度.但计算屏幕 ...

  2. js中动态获取页面的高度和宽度的方法总结

    javascript,jquery获取网页的高度和宽度: javascript: 可视区域宽:document.documentElement.clientWidth(width+padding) 可 ...

  3. js中如何获取元素的高度

    方法一:使用jquery      $("#id").height(); 方法二:使用dom document.getElementById("id").sty ...

  4. this.scrollheight获取textarea的高度是0_53小米电子时钟/v1.0 介绍

    赞赏作者10元加入作者粉丝团,公众号主页-表盘列表中包含本款表盘在内的30+款表盘以及后期添加到表盘列表(不包含精品列表中的)中的表盘都可以免费使用. 赞赏获取:点此获取 在您赞赏之前,请确定您已阅读 ...

  5. 魔方APP项目-07-客户端提交登录信息、在APICloud中集成防水墙验证码,前端获取显示并校验验证码、服务端校验验证码、保存用户登录状态,APICloud提供的数据存储、客户端保存用户登陆数据

    用户登录 一.客户端提交登录信息 html/login.html,代码: <!DOCTYPE html> <html> <head><title>登录& ...

  6. 二叉树(C++):创建,前中后序遍历(递归+非递归),获取叶子节点个数,获取树的高度

    文章目录 前言 创建二叉树 先序遍历 中序遍历 后序遍历 获取叶子节点个数 获取树的高度 测试代码 前言 现有如下二叉树: 关于二叉树的相关操作,我们能够发现二叉树从根节点到子节点,以及每个中间节点基 ...

  7. javascript中获取dom元素高度和宽度

    javascript中获取dom元素高度和宽度的方法如下: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight ...

  8. apiCloud中api.ajax方法跨域传参获取数据

    apiCloud中的ajax方法,可以自动处理跨域访问数据,不必使用jsonp来处理了. 使用ajax方法,必须要在apiready = function() {}方法中 获取参数 var pageP ...

  9. JS获取DIV动态高度,并赋值到其style样式中

    <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312&qu ...

  10. html中js隐藏div的高度,jQuery实现获取隐藏div高度的方法示例

    jQuery实现获取隐藏div高度的方法示例 发布时间:2020-09-22 19:27:55 来源:脚本之家 阅读:95 作者:zhuyangxing 本文实例讲述了jQuery实现获取隐藏div高 ...

最新文章

  1. 570D Codeforces Round #316 (Div. 2) D(dfs序,时间戳,二分
  2. 深度学习 用户画像_用户画像架构方案(持续更新)
  3. web模块化规范和实现
  4. typedef函数指针_C语言函数指针之回调函数
  5. 爬虫项目三:爬取选课信息
  6. [LeetCode] Permutations II
  7. Elastic Job 入门
  8. prince2 成功的项目管理_我的PRINCE2故事
  9. esp32 cam 内网穿透 视频传输
  10. Python超市进销存管理系统!老妈开超市有系统了!
  11. 商务领航的网关问题解决
  12. 【操作系统】知识梳理(八)磁盘存储器的管理
  13. 使用AirCrack破解wifi密码(wpa/wpa2)
  14. 我的心中每天开出一朵花(一)
  15. 使用TensorFlow识别交通标志
  16. Xshell安装及使用教程
  17. 【NOIP2009】【DLX】【位运算】T4 靶形数独 题解
  18. 用javascript输出杨辉三角到页面上
  19. css设置背景图片自适应
  20. tcp 连接,黑洞,超时

热门文章

  1. 文本数据增强(data augmentation)nlpaug使用
  2. Ubuntu安装完驱动后进不去界面
  3. Python items()方法
  4. imagenet2012数据集
  5. Python获取日期列表中每一天中最大的时刻对应的日期时间戳
  6. 2021-08-01 查询创建语句 数据库引擎
  7. shell 除法保留n位小数
  8. bootstrap 图标和文字对齐
  9. gradle错误 dependency.systemPath‘ for com.alibaba:jconsole:jar must specify an absolute path
  10. 区块链 Fisco bcos 智能合约(12)-Solidity的基础特性