如何获得 DIV 的“自动”高度

2024-02-17

所以当我用 jquery 在 div 上设置固定高度时,就像$('div').height(200);, 的价值$('div').height()始终为 200。即使该 div 的内容超过该高度(我使用overflow:hidden).

我怎样才能获得 DIV 的真实高度,就好像它处于“自动”模式一样?


USE

.scrollHeight()

元素.scrollHeight https://developer.mozilla.org/en-US/docs/Web/API/element.scrollHeight

用 jquery 试试这个

 $(selector)[0].scrollHeight

描述

元素的滚动高度是元素内容高度的度量,包括由于溢出而在屏幕上不可见的内容。

Example

DEMO http://jsfiddle.net/sKZfF/1/来自维加的回答

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何获得 DIV 的“自动”高度 的相关文章

  • Firefox Placeholder Before CSS 选择器不起作用

    我使用的是最新的firefox 30 0 我正在尝试在必填字段的占位符之前插入红色字体真棒星号 我在 Chrome 中工作没问题 但我在 FF 和 上遇到问题 这是一个说明我的问题的代码笔 http codepen io anon pen
  • 有没有办法将变量从 javascript 导入到 sass 或反之亦然?

    我正在制作一个依赖于块概念的 CSS 网格系统 所以我有一个基本文件 例如 max columns 4 block width 220px block height 150px block margin 10px 它被 mixin 使用 m
  • IE 中的 HR 标签 - 删除边框

    在除 IE7 及更低版本之外的其他浏览器中 hr 在 hr 标签周围显示边框 但我不希望它出现 我已经尝试过这个解决方案 但它周围似乎仍然有边框 它看起来像这样 我该如何摆脱它 See http webdesign about com od
  • 判断一个数字是否能被 3 或 5 整除 (FizzBu​​zz)

    如何根据输出是否能被 3 或 5 整除来更改输出 如果它能被 3 整除 我想显示 rock 如果它能被 5 整除 我想显示 star 类似于 FizzBu zz 如果两者都有 他们都会看到 这是我的代码 if var n Math floo
  • 如何更改自动完成中的结果过滤器?

    我不想进行字面匹配 而是想通过正则表达式选择结果 我可以覆盖自动完成的默认行为来完成此任务还是需要替代结构 有一个内置的方法可以做到这一点 只需提供一个函数source http jqueryui com demos autocomplet
  • html css 下拉菜单

    这是我第一次在 Stack Overflow 上发帖 我不熟悉论坛发帖规定 所以请让我知道我做错了什么 我在论坛中研究过这个问题 但我所遇到的一切都没有给我明确的答案 我试图从 新闻 元素创建一个下拉菜单 但在运行代码时我从未得到任何可见的
  • 为什么将 x 和 y 设置为 0 时 svg 文本会消失?

    我刚刚开始阅读有关svg我提出了以下问题 我正在创建一个简单的svg with a text里面如下图所示 从我的阅读中我了解到x and y of the text标签声明文本在标签内的位置svg space 为什么当我同时设置x and
  • 如何检测元素内容何时发生变化

    我正在寻找一种方法来监视元素内动态填充 无页面重新加载 内容 以便我可以将类添加到另一个元素 到目前为止我有这个 HTML div class message container div class messages error span
  • @font-face 和 font-variant 是个坏主意吗?

    如果我使用 font face字体和font variant small caps对于相同的选择器 字体将回退到 Safari 中的下一个系统默认字体 我该如何解决这个问题 我一开始在创建一个示例来复制您的问题时遇到了一些麻烦 这让我意识到
  • 使用@font-face时浏览器下载什么字体

    font face 有点令人困惑 因为所有浏览器都无法决定使用哪种文件格式 下面是我目前正在使用的向网站添加 1 个新字体的方法 您可以看到有 4 个单独的字体文件 我知道每个文件都是因为某些浏览器支持不同的格式 但浏览器是下载所有文件还是
  • Knockout.js 安全绑定

    我想使用带有淘汰赛的安全绑定 为此我使用敲除安全绑定 js https github com brianmhunt knockout secure binding 谁能解释一下为什么下面的代码不起作用 它会抛出一个错误 未捕获 淘汰 安全
  • Firebase 警告:使用 Firebase Cloud Function 搜索数据时使用未指定的索引

    我构建了一个 Firebase 云函数 用于查找 IsNotificationEnabled 值等于 true 的用户 我的部分职能 export const sendPushNotification functions https onR
  • RoR - Rails 中的大文件上传

    我有一个 Rails Web 应用程序 允许用户上传视频 视频存储在 NFS 安装的目录中 当前的设置适用于较小的文件 但我也需要支持大文件上传 最多 4GB 当我尝试上传 4GB 文件时 它最终会发生 但从用户体验的角度来看很糟糕 上传开
  • 当复选框条件更改时,如何使用ajax更新mysql数据库?

    我有一个在客户端按行显示的文章表 每篇文章都有一个唯一的 ID 并包含一个复选框以指示该文章是否被选中为收藏夹 如果它是最喜欢的 则该复选框已被选中 如果没有 则未选中 现在 如果特定于每一行的复选框条件发生变化 我需要 js 或 jque
  • Node.js - 重载函数

    有没有一种方法可以重载node js中的函数 类似于 noSuchMethod https developer mozilla org en JavaScript Reference Global Objects Object noSuch
  • 在 HTML5 iOS 7 / iOS 8 中显示十进制键盘

    经过几个小时的搜索后 我只是有一个简单的问题 是否有可能在网络浏览器输入字段中显示小数键盘 input type number 只显示数字 但我需要在左下角使用逗号或点 我尝试过任何事情 pattern step等等 但没有显示十进制键盘
  • 如何使用 jQuery 或 JavaScript 聚焦 或 标签?

    for var i 0 i
  • Internet Explorer 9 是否会因数组和对象文字末尾的额外逗号而卡住?

    现代浏览器和 Node js 等环境允许您说 a 1 b 2 或 1 2 3 这在历史上一直是 Internet Explorer 的问题 Internet Explorer 9 中修复了此问题吗 对此有两种不同的答案 一种是对象初始值设定
  • 在 PHP 中模拟 jQuery.ajax 请求

    我必须在 PHP 中模拟 AJAX 请求 就像在 jQuery 中一样 我当前的代码在这里 原始 AJAX 调用 不得修改 ajax type POST url someFile php data data success function
  • 从输入类型编号获取无效值

    我正在使用输入类型数字 当它无效时 我如何从中获取值 例如 使用类型编号并仅打印 e 这本身是无效的 我正在使用 React 但我认为这个问题非常普遍 onChange event console log event target valu

随机推荐

  • 解析是获取Member类型的唯一方法吗?

    下面的反射代码返回 System Collections Generic IList 1 TestReflection Car Cars 我怎样才能得到Cars通过反射的根类型 不是IList
  • ASP.NET MVC Razor 动态地为每列提供标头和视图

    我现在有以下剃刀线 table border 1 cellpadding 3 cellspacing 1 tr th T rk e S z Dizisi th th English Word Sequence th th th tr for
  • Tomcat 管理器从不询问我的 ID/密码

    我在 Amazon Linux EC2 实例上设置了 Apache Tomcat 9 0 0 M4 我完成了这样的编辑conf tomcat users xml
  • MVVM light 无法在 Windows 10 通用应用程序中工作

    我尝试使用MVVM轻量级在我们的 Windows 10 通用应用程序中 但它似乎完全无法工作 我见过这个blog http blog galasoft ch posts 2015 03 using mvvmlight with window
  • 如何在 Angular 7 中的页面加载上显示加载指示器,直到所有 api 响应?

    我在一个页面中有 5 个 api 调用 有些 api 需要 20 秒才能给出响应 有些需要 30 秒才能给出响应 有些需要 10 秒 因此 当第一个 api 给出响应时 第一个 api 将加载指示器设置为 false 然后加载指示器消失 但
  • R中的自动曲线拟合

    是否有任何包可以使用许多简单模型自动拟合曲线 我所说的简单模型是指 ax b ax 2 bx c a log x b a x n b 斧 1 bx ax n 1 bx n 最好的方法是有一个函数 它接受两个向量参数 X 和 Y 并返回带有
  • 重置后 --hard 所有未跟踪的文件都消失了

    我在没有提交文件的情况下进行了 git 硬重置 触发重置后 我检查所有未跟踪的文件都消失了 我预计它只会影响我们在提交期间所做的更改 并且它只会重置这些更改 但是我错了 有什么方法可以恢复我所有未跟踪的文件吗 任何帮助将非常非常感激 Tha
  • 保留 Double 值的格式 - Java

    我正在使用 Poi 在 Java 中创建 Excel 工作簿 我的原始数据以字符串形式出现 我需要格式化数据以在写入数字的单元格中输入两位小数 我用Double parseDouble 将字符串转换为数字 然后使用十进制格式将数字格式化为字
  • CLR 可以支持“函数指针”值类型吗?

    前几天我问过为什么委托是引用类型 https stackoverflow com questions 7905962 why are delegates reference types 基于我的错误观念 即委托所需的只是两个引用 一个指向对
  • 如何解决从UWP应用程序读取文件时权限被拒绝的问题?

    我正在尝试在 UWP 应用程序中读取 C 或 D 驱动器的 txt 文件 当我在资产中声明文件名的局部变量时 这是可以的 但它也可以从其他目录或驱动器中读取文件 我已经尝试过像下面的代码部分 try String FileName C Us
  • 为什么具有泛型类型的基本 Windows 窗体表单类会停止设计器加载?

    我正在努力拥有一个基地Windows 窗体 http en wikipedia org wiki Windows Formsform 包含通用功能和控件 但也包含对其方法需要类型的类的引用 每种形式都代表不同的类型 所以我认为我可以按照以下
  • Android:以编程方式检测设备是否连接了硬件触摸屏

    我需要编写一个脚本来检测物理触摸屏在启动时是否连接到我的 Android 设备 我试图列出文件夹的内容 dev input通过 adb 我获得以下输出 root q88 dev input ls event0 event1 event2 e
  • 如何使用 JavaScript 以最佳方式渲染大量 DOM 元素?

    在网页上 我有一个相当大的项目列表 例如 产品卡 每个项目都包含图像和文本 大约有 1000 个 我想在客户端上过滤此列表 仅应显示那些未过滤掉的项目 但存在渲染性能问题 我应用了一个非常窄的过滤器 只剩下 10 20 个项目 然后取消它
  • 摆脱天文学中的单位

    我有一个大 262615 3 值的数组 所有值都附加有单位 具体源于这个函数 def coordconvert data from astropy coordinates import SkyCoord from astropy impor
  • 如何在 iOS 上以编程方式将视图旋转 180 度?

    如何在我的 iPhone 应用程序中以编程方式将视图旋转 180 度 由于 CGAffineTransform Rotate 使用弧度作为测量单位 并且 180 度与 PI 相同 因此您可以简单地执行以下操作 而不是其他答案中提供的数学 v
  • 在 R 中导入 csv 文件/从整数转换为双精度时出现问题

    今天我终于决定开始攀登 R 陡峭的学习曲线 我花了几个小时 成功导入了数据集并做了一些其他基本的事情 但我在数据类型方面遇到了问题 包含小数的列作为整数导入 转换为双精度会更改值 在尝试获取一个小的 csv 文件放在这里作为示例时 我发现仅
  • 经典 ASP 在 IIS7 中始终返回代码 200

    我在 IIS7 中启用了跟踪 我在 IIS 管理工具的 ASP 选项卡中将这些属性设置为 true 应用程序允许客户端调试 应用程序允许调试 错误到NTLog 脚本错误发送到浏览器 为了测试它 我编写了一个小型的经典 ASP 测试页 其中我
  • EF:选择子类的所有实体(继承)

    我正在使用数据库优先方法和 DbContext 我的数据模型中有几个继承结构 TPH 但是DbContext只为基类创建一个DbSet 而没有为子类创建一个DbSet 我应该如何检索指定子类的所有实体 我无法根据映射条件编写查询 因为我必须
  • Codeigniter 和 RestServer。如何上传图片?

    我正在 Codeigniter 中使用 Phils RestServer 请参阅链接 编写 API 我需要一种通过 API 上传图像的方法 我怎样才能做到这一点 是否就像使用正确的标头 使用什么标头 发出 POST 请求一样简单 https
  • 如何获得 DIV 的“自动”高度

    所以当我用 jquery 在 div 上设置固定高度时 就像 div height 200 的价值 div height 始终为 200 即使该 div 的内容超过该高度 我使用overflow hidden 我怎样才能获得 DIV 的真实