如何获得 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 的“自动”高度 的相关文章

  • 为什么将数据存储为元素的属性存在风险?

    我一直在读同样的东西 直接在 DOM 元素上存储属性值是有风险的 因为可能会发生内存泄漏 但有人可以更详细地解释这些风险吗 按属性 我假设您指的是 DOM 元素上的属性 DOM 元素上的自定义属性安全吗
  • JQuery 动画文本

    找到简单 简单的动画文本是非常困难的 喜欢这个网站上的 内爆 http codecanyon net item jquery text animation full screen preview 233445 http codecanyon
  • 父>子CSS选择器

    我经常使用这个CSS选择器parent gt child 我的设计在 Mozilla 和 Opera 中看起来不错 但在 IE 中 就很糟糕了 我知道 gt 在 IE 中无法识别 但是 IE 中的替代方案是什么 一种替代方法是使用通用选择器
  • 简单的 jQuery 帖子无法在 Internet Explorer 9 上运行(访问被拒绝)

    我使用 JQuery 和 PHP 编写了一个验证器 该验证器适用于除 Internet Explorer 9 之外的所有浏览器 我收到错误消息 SCRIPT5 访问被拒绝 jQuery 代码 contact send click funct
  • jQuery Blur() 在 Chrome 上不起作用

    我在 MacOSX 上运行这个http jsfiddle net q84wv http jsfiddle net q84wv on Chrome最新版本 它不会工作 在 Firefox 上运行时它工作得很好 有什么线索吗 假设您想要aler
  • 使用 jQuery 仅从字符串末尾修剪空格

    我知道 jQuery trim 函数 但我需要的是一种仅从字符串末尾修剪空格的方法 而不是开头 So str this is a string 会成为 str this is a string 有什么建议么 Thanks 您可以使用正则表达
  • 点击问题:动态生成的链接不触发点击功能

    下面是两个代码片段 由于某种原因什么也没有发生 但来自同一个 JS 文件的其他 jQuery 函数在带有 UL 的页面上执行得很好 这是在盯着我看吗 ul class paganation li 1 li li a href 2 a li
  • 在 vue.js 模板中包含外部脚本

    我是 Vue js 和 web pack 的新手 所以我决定使用 vue cli webpack 来构建初始应用程序 我试图包含一个外部脚本 例如组件 不需要的模板中 但是 Vue 警告这是不允许的 我的 index html 文件与最初生
  • 使用 JavaScript 的计时器

    我想使用java脚本实现计时器 我想随着间隔的变化而减少计时器 Example假设我的计时器从 500 开始 我想要根据级别减少计时器 例如1 一级定时器应减1 且递减速度应较慢 2 2级定时器应递减2 递减速度应为中等3 3级定时器应减3
  • 如何在 angularjs 中修剪()字符串?

    有角度特定的方法吗 如果没有 我应该使用内置的jquery 来做到这一点吗 如果我应该使用内置的jquery 如何在不使用 的情况下访问trim 函数 或者这是必要的 编辑 是的 我知道 str trim 对不起 我需要这个才能在 IE 8
  • 使用 Lodash 的 TypeScript:_.map(["123", " 234 "], _.trim) 返回 boolean[]?

    我有一个字符串数组 它们已像这样分割 var searchValue 600 800 123 180 var groups searchValue split gt 600 800 123 180 因此项目周围可能存在空格 并且我想删除空格
  • iOS 5 中的 webkit-overflow-scrolling: touch "handle" 是否有外观 CSS 规则?

    我有一个元素恰好同时具有 webkit overflow scrolling touch 和 background color black 因此显示滚动位置的 手柄 很难看到 是否有 webkit CSS 样式规则可以改变该 手柄 的外观
  • 使用 jQuery Tablesorter 操作后如何恢复当前页面?

    我正在使用 tablesorter 但无法找到有关插件 tablesorter 寻呼机的任何文档 问题是我有一个显示一些数据的表 并且在每一行中都有一个删除链接 该链接附加了要删除的元素的唯一标识符 显然 是否可以保存我正在删除的页面 然后
  • 在 Google Apps 脚本中的文本前插入换行符

    我需要在 Google 文档中的某些文本之前插入一些换行符 尝试过这种方法但出现错误 var body DocumentApp getActiveDocument getBody var pattern WORD 1 var found b
  • 如何清除隐藏上的引导模式

    如何在关闭 隐藏 关闭时清除引导模式 我有以下模态定义
  • 如何根据所需表单输入的值更改 CSS 样式

    我想知道如何编写 javascript 来改变所需的表单元素的样式 如果它们有价值的话就改变它们 我想要做的是当所需的文本字段为空时 在它们周围有一个彩色边框 并在它们有值时删除边框样式 我想做的是编写一个 javascript 函数来检查
  • 使用 jquery 提供附加功能时菜单未正确对齐

    I need to make a mega menu similar to one as show in image below 到目前为止 我已经能够在某种程度上使其发挥作用 例如jsFiddle 在这里 http jsfiddle ne
  • FullCalendar 检查选择日是否有活动?

    我正在使用 Full Calendar js 插件 到目前为止一切顺利 但我想检查开始和结束之间的选择是否有事件 我只需要返回 true 或 false 基本上 如果日期选择中已经存在事件 我想阻止用户创建事件 var calendar c
  • Bootstrap 3 多个导航栏

    我在 Twitter Bootstrap 3 中的多个引导程序中遇到问题 第一个导航栏可以正常调整大小和响应 第二个导航栏在正常分辨率下无法正常工作 但是当我尝试调整大小以响应并调整大小后 它可以正常工作 这是一些代码
  • 获取淘汰赛中被点击元素的索引

    获取无序列表中单击元素的索引的最佳方法是什么 让我举个例子 假设我有以下 HTML 代码 ul li p p li ul 现在我有以下 javascript 代码来获取索引 self itemClicked function data it

随机推荐

  • 解析是获取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 的真实