获取html元素的高,获取HTML元素的高度jQuery
我为我的应用程序创建了一个漂亮的小模式消息窗口,但我似乎无法找到注入叠加层的容器的高度。获取HTML元素的高度jQuery
function load_shipping_message (title, message) {
var left = (($(window).width()/2) - 300) + 'px';
var height = $(document).height();
var overlay = $('
var atc = $('
var mess = $('
'+message+'
Close
');
atc.html(mess);
var top = (($(window).height()/2) - (atc.height()/2)) + 'px';
atc.css ({
'top': top,
'left': left
});
overlay.fadeIn('slow', function() {
overlay.click (function() {
overlay.fadeOut ('slow', function() {
overlay.remove();
});
});
});
}
在上面的atc.height()的值总是返回0,即使它包含内容。
除此之外,它完美地工作,它只是将消息框的顶部设置为视口的中点,因为atc.height()始终为零。只是想正确居中,盒子的高度根据内容的长度而有明显的不同。
也许是因为叠加层被隐藏了?
谢谢。
-Vince
获取html元素的高,获取HTML元素的高度jQuery相关推荐
- java 获取图片的宽高
博客引用处(以下内容在原有博客基础上进行补充或更改,谢谢这些大牛的博客指导): 通过java获取图片的宽高 获取本地文件的图片尺寸: import java.awt.image.BufferedIma ...
- jquery获取元素宽高
前言 jquery获取元素宽高 <!DOCTYPE html> <html lang="zh" > <head><meta charset ...
- 微信小程序view动态长度_微信小程序实现动态获取元素宽高的方法分析
本文实例讲述了微信小程序实现动态获取元素宽高的方法.分享给大家供大家参考,具体如下: 我以前一直以为微信小程序不能动态获取view元素的宽高.但是自从看到: wx.createSelectorQuer ...
- 如何通过JS获取元素宽高
方法一:DOM节点.offsetWidth/offsetHeight 作用:获取到的是内容区域(content) + 内边距(padding) + 边框(border)的值,输出一个数字. <s ...
- jquery获取设置元素宽高位置height()、width()、offset()、position()、scrollTop()、scrollLeft()
全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-style样式操作全解 jquery获取设置元素宽高位置 jquery的通过height().width().offset().positi ...
- vue 获取元素宽高
vue 获取元素宽高 vue 中获取组件宽高分两种情况: 1.获取普通组件宽高,直接使用 $refs 即可 2.获取子组件宽高,需使用 $refs.$el 子组件 <template>&l ...
- 微信小程序动态获取和设置元素宽高
需求 由于设计界面时常常会用到vh和rpx来设置元素的宽高,但是由于每个手机屏幕的高都不确定,而有时候在设计界面时想把内容刚好适应屏幕大小. 解决方法 设置要动态修改宽高的元素. <view c ...
- 原生js获取html元素高度,原生JS获取元素宽高实践详解
开篇的话 任何不是亲身实践中求得的知识,都不是属于你的. 任何求得的知识不去时常温习运用,也不是属于你的. 记录由来 在做个上拉广告功能中遇到了一个"理所当然"觉得对的用法,慢慢才 ...
- JQuery-- 获取元素的宽高、获取浏览器的宽高和垂直滚动距离
1 * 能够使用jQuery设置尺寸 2 * .width() width 3 * .innerWidth() width + padding 4 * .outerWidth() width + pa ...
最新文章
- 「模型解读」深度学习网络只能有一个输入吗
- ASP.NET Button控件的UseSubmitBehavior属性引发的血案
- getlab如何编辑提交时显示的用户名_GitHub 如何让你的提交显示被校验
- php里的%是什么意思,大家帮小弟我看下这段代码中的“%”是什么意思
- scp构造端口_指定端口号的scp
- android 线性布局蒙层,Android开发 - 掌握ConstraintLayout(一)传统布局的问题
- python列表切片赋值_Python中对切片赋值原理分析
- 【拨云见日】全面云化时代,如何选择适合自己的“云”?
- python pillow无法安装_Pillow
- 只有在人生的最低处才能看清这个世界
- dev Gridcontrol控件属性部分
- 一个常用的Android工具库
- 一名 IT 经理是如何把项目带崩的?
- 数模美赛LATEX傻瓜入门+快速上手+常见问题(不定期更新)
- 三角函数的思维导图(中)-1
- 【免费办公软件】万彩办公大师教程丨二维码生成器
- 为羊哥点赞,利用云服务器搭建私人云笔记
- TFT液晶屏显示中英文
- 黑盒测试——因果图法
- 将[c语言中文网](http://c.biancheng.net/view/1380.html)的“”23 种设计模式“的网页转成pdf
热门文章
- Python数据类型(一)数字类型
- Python爬取pilipili排行榜
- 建表错误:ParseException line 1:55 cannot recognize input near ‘)‘ ‘rowformat‘ ‘delimited‘ in column type
- 百度网盘不限速方法 直接跑满带宽
- 腾讯私有云TStack 自动化部署
- AHRS和IMU的联系和区别
- 网站不能正常访问的原因及几处处理方法
- 如何给图片加水印?分享怎么给图片加水印的方法
- 【C#】操作局域网共享文件夹文件,将本地文件复制到共享文件夹
- java——集合详解