检查 div 是否确实溢出和/或有滚动条

2023-12-30

我们有一个页面<DIV style="overflow:auto; height:400px;>...</DIV>部分填充了数据库中的信息。有时它包含的文本多于可见的文本(因此overflow:auto),我们得到一个垂直滚动条。

我们想改变下边框<DIV>节至如果文本溢出则为红色- 因此,当我们没有垂直滚动条时(=红色底部边框表示有更多数据,因为人们并不总是注意到滚动条)。

如何才能做到这一点?

环境 ”border-bottom:1px solid red;" 将使底部边框始终呈红色,当文本量不决定溢出/滚动条时也是如此,因此仅此一项不会削减它。


编辑:你们太快了,谢谢!我会研究这些建议 - 再次感谢!


if (myDiv[0].scrollHeight > myDiv.innerHeight()){
     //this has overflowing contetent!
}
else{
   //remove border, etc.
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

检查 div 是否确实溢出和/或有滚动条 的相关文章

随机推荐

  • 在 Android 中保留对系统服务的成员引用是否有益?

    假设我有一个使用系统服务 例如 PowerManager WifiManager 等 的 Android 活动 服务 在构造函数或 onCreate 方法中使用私有成员来保存对这些服务的引用而不是分别获取这些服务管理器是否有益每次需要它们时
  • ANTLR4 左递归错误

    我的 ANTLR4 语法在文件中power g4这是 assign id expr id A B C expr expr term expr term term term term factor term factor factor fac
  • 如何优雅地中断 urllib2 下载?

    我在用urllib2 s build opener 创建一个OpenerDirector 我正在使用OpenerDirector获取缓慢的页面 因此它有一个很大的超时 到目前为止 一切都很好 然而 在另一个线程中 我被告知要中止下载 假设用
  • optaplanner - VRP,但没有仓库

    我正在处理多车辆路线问题 我正在尝试 Optaplanner 看起来不错并且很有前途 我正在使用 CVRP 32customers 示例 但我需要删除 depots 我只需要为一些推销员优化一条路线 他们从哪里开始对我来说不是问题 我只需要
  • 返回范围表。如何?

    我想编写一个返回范围表的函数模块 这可能吗 如果可能的话 如何实现 类型化范围的结构如下 Name Type SIGNT VARV SIGN OPTION TVARV OPTI LOW your type HIGH your type 您可
  • 使用 REST 避免重复的 POST

    我一直在 REST API 中使用 POST 来创建对象 每隔一段时间 服务器就会创建该对象 但客户端在收到该对象之前就会断开连接201 Created回复 客户端只看到失败的 POST 请求 稍后再试 服务器愉快地创建了一个重复的对象 其
  • 如何进行 HTTP 调用到达亚马逊 AWS 负载均衡器后面的所有实例?

    我有一个 Web 应用程序 在 Amazon AWS Elastic Load Balancer 后面运行 并附加了 3 个实例 该应用程序有一个 refresh端点重新加载参考数据 只要有新数据可用 就需要运行它 这种情况每周发生几次 我
  • Google 可视化仪表板表中的总计

    我有一个简单的 Google 可视化仪表板示例 其中包含一个类别选择器控件和一张表格 我的代码如下
  • 使用 Spring Security 处理成功的登录事件

    我的 Grails 应用程序使用 Spring Security 插件 每当用户成功登录时我想要 在会话中存储一些东西 将他们重定向到自定义页面 取决于他们的角色 我需要类似地处理注销事件 这非常简单 因为该插件提供了一个名为的 beanl
  • git.cmd 与 git.exe - 有什么区别以及应该使用哪一个?

    我粗略地认为 git cmd 只是一个包装器 但默认添加到 PATH 中 但我发现 git exe 也可以工作 我打算用它作为解决方法issue http code google com p msysgit issues detail id
  • SwiftUI:扩大/缩小列表单元格

    我正在开发 SwiftUIList可以扩展 收缩的单元格 这是您在很多情况下都可以看到的非常简单的东西 类似下面的东西 以下是在UIKit 老实说 我正在努力在 SwiftUI 上实现同样的功能 我尝试了几种方法 1 第一种方法 有条件地包
  • 手动从 CI 中删除工件

    我在 gitlab com 有一个使用 CI 功能的私有存储库 一些 CI 作业会创建存储的工件文件 我刚刚通过将以下内容添加到 CI 配置来实现一天后自动删除工件 expire in 1 day 这很好用 但是 旧的工件不会被删除 如预期
  • 让你的Jar不被反编译

    如何将我的 Java 应用程序打包到无法反编译的可执行 jar 中 例如 通过 Jadclipse 你不能 如果 JRE 可以运行它 应用程序就可以反编译它 您所能期望的最好结果就是让它变得非常难以阅读 用 l 和 1 以及 O 和 0 的
  • Typescript 不会抱怨缺少导入

    foot ts 的内容 let a Person new Person bar ts 的内容 class Person tsconfig json 文件包含由以下命令创建的默认值集tsc init 我正在使用打字稿版本 2 6 2 上面的代
  • Node.js res.send 不是一个函数

    我正在尝试以下代码 但它给了我一个错误 res send 不是函数 请帮我 这是代码 var http require http var fs require fs var connect require connect var expre
  • 0x80端口地址连接到什么?

    当发送命令并从某个芯片 例如RTC 读取数据时 不同的文档都说我们应该等待一段时间才能从设备读取数据以确保数据可用 许多代码片段都会从端口进行虚拟读取0x80 我想知道这个地址位置连接到什么设备 如果有 我说的是 IA 32 PC 架构 I
  • XMPP可以像Comet的http long wait那样使用吗?

    Can XMPP http en wikipedia org wiki Extensible Messaging and Presence Protocol以类似的方式应用反向阿贾克斯 http en wikipedia org wiki
  • C++ 运行时 N 个嵌套向量

    在 C 中 有或没有 boost 如何创建 N 维向量 其中 N 在运行时确定 大致如下 PROCEDURE buildNVectors int n std vector lt n dimensional std vector gt str
  • C# 中的 setjmp/longjmp。是否可以?

    当我需要转到本地范围时 我遇到了一个问题 if DoSomethingHere if goto Label else if Label DoSomethingHereToo 这在 C 中显然是不可能的 是的 我知道使用 goto 被认为是一
  • 检查 div 是否确实溢出和/或有滚动条

    我们有一个页面 div style height 400px div 滚动条时也是如此 因此仅此一项不会削减它 编辑 你们太快了 谢谢 我会研究这些建议 再次感谢 if myDiv 0 scrollHeight gt myDiv inner