jQuery - 动态div高度等于整个窗口的高度

2023-11-25

我正在使用这里找到的代码jQuery - 动态div高度

<script type='text/javascript'>
$(function(){
    $('#center').css({'height':(($(window).height())-162)+'px'});

    $(window).resize(function(){
    $('#center').css({'height':(($(window).height())-162)+'px'});
    });
});
</script>

现在,当您调整窗口大小时,高度更改可以正常工作,但是如果向下滚动,高度不会改变,这意味着窗口属性不包含超出浏览器窗口大小的内容,因此,如果向下滚动,高度不会增加

那么我可以添加什么,那就是整个内容的大小而不是窗口大小

回答 使用文档而不是窗口

<script type='text/javascript'>
    $(function(){
        $('#center').css({'height':(($(document).height())-162)+'px'});

        $(window).resize(function(){
        $('#center').css({'height':(($(document).height())-162)+'px'});
        });
    });
</script>

你可以使用:

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

jQuery - 动态div高度等于整个窗口的高度 的相关文章

  • jQuery 验证:如何不显示错误?或者如何将错误显示为工具提示?

    我希望我的错误浮动在未验证的输入字段上方 左对齐 我怎样才能做到这一点 如果不能 我怎样才能关闭错误 我仍然希望字段能够验证 并在错误时突出显示 但不希望显示实际的错误消息 我似乎无法在 jQuery 文档中找到任何可以让我打开 关闭它们的
  • CSS Overflow 属性在 iPad 中不起作用

    我正在为 iPad 设计一些 html 页面 在尝试像 yscroll auto 这样的 css 溢出属性时 iPad 中没有出现滚动条 内容也没有滚动 我在 ipad 模拟器和设备中尝试过 有没有其他方法可以实现这个属性 请帮帮我 提前致
  • 如何淡化循环背景图像?

    这里的菜鸟 我试图让我的静态背景变成一个轮播 我当前的html看起来像这样 div class pageContent div 和我的CSS body background url http placehold it 1600x1200 n
  • 如何在文档加载时立即进行 AJAX 调用

    我想在加载文档后立即执行 ajax 调用 我正在做的是加载一个字符串 其中包含我将用于自动完成功能的数据 这就是我所做的 但它没有调用servlet 我删除了对各种 JS 脚本的调用 以使其更清晰 我在代码中做了几个类似的 AJAX 调用
  • 如何向 jQuery Tokeninput 添加占位符?

    如何将占位符添加到 jQuery Tokeninput 字段 一个正常的placeholder属性在这里不起作用 对于这样的输入
  • 为什么 jQuery 点击事件会多次触发

    我这里有这个示例代码http jsfiddle net DBBUL 10 http jsfiddle net DBBUL 10 document ready function creategene click function confir
  • 有没有模拟 Facebook 游览的 jQuery 插件?

    我指的是 Facebook 游览 可能使用开箱即用的 Facebook CSS 我已经知道这两个 http tympanus net codrops 2010 12 21 website tour http tympanus net cod
  • 响应式网格布局框架[关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 使用模态表单 ajax 超出 HTMLFormElement.toString 的最大调用堆栈大小

    我想使用模态窗口中的 ajax 请求提交表单 单击此链接可打开该模式 a class btn btn primary i class fa fa edit i Write a review a 模态窗口 div class modal fa
  • jQuery 验证规则和消息 [关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 我在设置 jQuery 验证的规则和
  • 如何改变HTML5视频的播放速度?

    如何更改 HTML5 中的视频播放速度 我查过视频标签的属性 https www w3schools com html html5 video asp在 w3school 但无法做到这一点 根据这个网站 http www chipwreck
  • iframe 重新加载按钮

    我浏览了很多网站 但似乎没有一个能正常工作 或者我不明白它们 我想要一个刷新某个 iframe 的简单按钮 该按钮将位于父页面上 并且 iframe 名称为 Right 有很多方法可以做到这一点 假设这个iframe markup 我们可以
  • 用数组反向查找对象

    假设我有一个这样的对象 resourceMap a 0 1 2 3 4 5 6 7 8 9 10 b 11 12 c 21 23 d 54 55 56 57 510 确定是否的最佳方法是什么resourceId 21将会 c 我们不知道钥匙
  • 角度 2 中的动态 styleUrls?

    是否可以将样式表的 url 动态注入到组件中 就像是 styleUrls stylesheet1 css this additionalUrls 或者 一厢情愿并注意这只是假代码 export class MyComponent imple
  • jquery:当我在文档上附加一层时,如何重置文档滚动条?

    当我在文档上附加图层时 如何重置文档滚动条 例如 它就像 Facebook 页面 当您有一个很长的文档时 您需要向下滚动才能查看较旧的图像 帖子 当你点击照片时 滚动条发生了变化 从顶部开始 但文档页面根本不跳转 当关闭照片查看器图层时 滚
  • 如何使 jQuery 向上动画

    我有一些 jquery 运行得相当好 但是当我将鼠标悬停在有问题的元素上时 底部向下扩展 这并不意外 但不是所需的效果 我希望元素的底部保持静止 而元素的顶部向上扩展 如果您想查看我目前拥有的内容 您可以导航至http demo ivann
  • 加载另一个 JS 脚本后加载

    这是我的代码 very big js file lots of html stuff 问题是 这些是异步加载的 有没有办法等待第二个脚本直到第一个脚本加载 如果您使用 jQuery 有一个非常简单的方法可以通过获取脚本 https api
  • 您如何看待引导模式触发器的相应回调?

    On 引导模态 http getbootstrap com javascript modals 我们知道我们可以为触发器绑定事件 例如show or hide using show shown hide hidden 但此事件绑定仅适用于一
  • 当选择下拉列表中的某些值时,取消选中复选框

    当我从下拉列表中选择某个值或用户未从下拉列表中选择任何值时 我需要取消选中复选框 我现在正在使用 Jquery 这是我现在使用的代码 但它不起作用 Script
  • span 和 iframe 正文中的宽度(以像素为单位)

    我需要知道 a 的宽度 nbsp 以像素为单位 以及是否取决于字体大小 另外 页面中不同元素的情况是否有所不同 还有 就是 nbsp 与常规不同 目的 nbsp 不间断空格 位于正常空格之上是为了防止单词之间出现换行 您可以使用多个 nbs

随机推荐

  • Git 没有将 gpg 密钥视为秘密,即使它是秘密,我该如何修复它?

    所以看来我的 gpg 密钥是秘密的 但是当我尝试在 git 中签署我的提交时 它不会被识别为秘密 我完全不知道这是为什么 我相信我的设置正确 但我的提交标志失败 难道我做错了什么 预先感谢您的任何帮助 brad reason entry c
  • std::shared_ptr 在空指针上调用非默认删除器

    看这个例子 include
  • 我想从使用 c# 运行的 Windows 盒子通过 ssh 运行命令

    请注意 这必须位于 Windows 盒子上 因为我正在使用 C 来访问有关 Windows 的信息 我需要来自 Windows 盒子和 Linux 盒子的信息 另外我认为制作一个无需 GUI 运行并在没有用户干预的情况下从 Linux 盒子
  • 在 xCode 5 / iOS7 中使导航栏拉伸到状态栏后面

    我按照以下教程将导航栏向下移动 这样它就不会被 xcode 5 ios7 中的状态栏覆盖 iOS7状态栏和导航栏问题 但现在在 iOS7 中 状态栏所在的顶部有一个空白区域 我希望导航栏也能填充这个区域 例如 Facebook twitte
  • HTML WYSIWYG 编辑器:为什么可编辑内容移动到 iFrame 中

    为什么可编辑的 html 被移到 iFrame 中 我分析了不同的编辑器 TinyMce CKEditor 等 并将所有可编辑内容移动到一个单独的 iFrame 中 并将其覆盖在原始文本上 这是什么技术原因 我尝试过contentedita
  • Casperjs:如何打印http请求和响应?

    出于调试目的 我需要查看整个请求 标头和数据 我怎样才能实现这个目标 Casper 好吧 实际上是 PhantomJS 提供了两个回调 一个当资源被请求时 您可以在其中看到正在发送的标头 以及何时收到回复 这样你就可以看到服务器回复的标头
  • 带有固定部分标题的 PullToRefresh 列表

    有没有人有使用实践Pull to refresh列出与Pinned section header I use Android PullToRefreshlib 与我的列表 我想添加在列表顶部显示固定节标题的功能 我用了固定标题列表视图另一个
  • 命令提示符不会将目录更改到另一个驱动器

    我正在尝试编译一些java 当前正在学习java 为此我需要更改命令提示符的目录 C Admin gt cd D Docs Java C Admin gt cd C Admin 它不会更改目录 我再次尝试使用引号 C Admin gt cd
  • jQuery - 如何在事件触发后暂时禁用 onclick 事件侦听器?

    在事件触发后 如何暂时禁用 onclick 事件侦听器 首选 jQuery Example 用户单击按钮并触发下面的此函数后 我想禁用 onclick 侦听器 因此不会向我的 django 视图触发相同的命令 btnRemove click
  • 什么是 Json.NET Mono 程序集参考?

    我正在尝试编译此 Json NET 代码 using Newtonsoft Json MyDesc d JsonConvert DeserializeObject
  • 仅使用蓝牙选项共享意图

    我正在尝试使用我的应用程序通过蓝牙发送文件 我已经将 mime 类型更改为随机的 asdxasd asdxa 该文件有一个我需要使用的扩展名 即 sso 当我使用共享意图时 它只出现蓝牙和 gmail 选项 但我不能从列表中删除 gmail
  • 异常过滤器在 Web api 中不起作用

    我有一个自定义异常过滤器 能够处理控制器中的所有错误 只是一个常见的错误处理机制 public class ExceptionHandlingAttribute ExceptionFilterAttribute public overrid
  • 如何在Tomcat上安装和使用CDI?

    我正在创建我的第一个项目 Java EE 7 但遇到了麻烦 感谢任何帮助 雄猫7 0 34 JSF 2 2 Primefaces 3 5 javaee api 7 0 jar 当应用程序启动时 Tomcat 日志显示以下消息 validat
  • 回调函数触发得太早

    我在 jQuery 中有这个简单的函数 function detailspage page if page checkcurrent checkcurrent page div details children div slideUp sl
  • 如何打印列表中的类型

    所以我得到了一个列表 我必须打印列表中每个项目的类型 我可以清楚地看到有字符串和整数 但我需要它在 Python 中打印出来 我们刚刚了解到for 循环所以我觉得这就是他们正在寻找的东西 但我无法将其打印出来 ls type item fo
  • 在使用 ZEIT Now 部署的 Next.js 应用程序中使用绝对导入

    在 Next js 9 教程中建议的方法导入共享组件是通过相对路径 比如 import Header from components Header 我想使用绝对导入 例如 import Header from components Head
  • listview 与 arraylist,android 中的简单适配器

    我尝试使用 arraylist 和简单适配器在列表视图中显示一些内容 我尝试了类似下面的操作 但结果显示了数组列表的姓氏 我有什么错我无法理解 final ListView listView ListView findViewById R
  • 查找正在运行的进程的 PID 并存储为数组

    我正在尝试编写一个 bash 脚本来查找正在运行的进程的 PID 然后发出终止命令 我已经部分工作了 但我面临的问题是可能有多个进程正在运行 我想向找到的每个 PID 发出终止命令 我想我需要将每个 PID 放入一个数组中 但我不知道如何做
  • C# + SQL Server ExecuteScalar() 不返回最后插入的 id

    我有以下函数 它执行查询并在成功时返回 true 在失败时返回 false 不 我想扩展该方法 以便在触发每个插入查询时 类 varinsertId包含最后插入的行的 ID 问题是insertId总是 0 所以不知何故executeScal
  • jQuery - 动态div高度等于整个窗口的高度

    我正在使用这里找到的代码jQuery 动态div高度 现在 当您调整窗口大小时 高度更改可以正常工作 但是如果向下滚动 高度不会改变 这意味着窗口属性不包含超出浏览器窗口大小的内容 因此 如果向下滚动 高度不会增加 那么我可以添加什么 那就