jq根据屏幕高度设置元素高度

发表于2021-10-18|更新于2026-02-24

|浏览量:

没有哪一个聪明人会否定痛苦与忧愁的锻炼价值——赫胥黎

很简单一行代码：

1	$('#ruben').css('height', $(window).height());

这里$(window).height()获取了屏幕高度

然后用css函数去设置style

相关推荐

回车提交表单

却是平流无石处，时时闻说有沉沦。——唐•杜荀鹤我们在页面开发中经常会写一些表单，但身为一个懒人，肯定是懒得点提交按钮的，我一般直接按回车提交当我们的form满足只有一个input的时候，回车事件是生效的 123<form> <input/></form> 当我们的form有多个input的时候，回车事件失效了 1234<form> <input/> <input/></form> 此时我们可以加一个input，让type=submit 即可再次满足回车提交效果 12345<form> <input/> <input/> <input type="submit"/></form> 如果要隐藏掉，使用样式display:hide隐藏即可但有时如果我们如果需要回车不提交表单，则可以避免上述条件如果想要不执行submit事件，可以直接在form上加一个onsubmit="return false&q...

vue封装axios请求工具类

以勇气面对人生的巨大悲恸，用耐心对待生活的小小哀伤。——雨果首先安装 12345678# axioscnpm i --save axios# 格式化参数插件cnpm i -- save qs# 对象合并插件cnpm i -- save lodash# cookie操作cnpm i -- save vue-cookie 然后我们自己封装一个请求组件首先创建文件然后放入我们的代码。。。 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132import ...

vue-awesome-paginate

尽量在舒适的情况下工作。记住，身体的紧张会制造肩痛和精神疲劳。 —— 卡耐基 https://github.com/peshanghiwa/vue-awesome-paginate vue-awesome-paginate：Vue.js 3 的强大分页解决方案在 Web 应用开发中，分页是一个常见的功能，尤其是在处理大数据集时。vue-awesome-paginate 是一个专为 Vue.js 3 打造的分页库，它以简单、高效和灵活的特点，帮助开发者快速实现分页功能。什么是 vue-awesome-paginate？vue-awesome-paginate 是一个开源库，旨在为 Vue.js 3 应用提供强大的分页解决方案。它具有高度的可定制性，支持多种分页样式，并且易于与现有项目集成。核心特点：简洁的 API：快速上手，减少开发时间。高度可定制：支持样式和行为的全面定制。轻量级：库体积小，性能优异。 Vue 3 支持：专为 Vue.js 3 设计，充分利用其功能特性。使用场景vue-awesome-paginate 适用于以下场景：数据表格分页在数据密...

功名富贵若长在，汉水亦应西北流。――李白《江上吟》 https://github.com/fanmingming/live 在国内外 IPTV、网络电视、广播播放器用户圈里，fanmingming/live 项目可以说是“台标资源与工具生态”的天花板级开源项目。它不仅仅是一套可直连访问的电视/广播台标库，更集合了 m3u 直播列表、EPG 电子节目单、m3u8在线下载、格式转换、Web播放器等实用工具，并且永久免费、完整开源、支持 IPv4/IPv6 双栈访问，真正做到了“公益服务，极致易用”。项目定位fanmingming/live 的核心定位是提供一个持续完善、易于接入的电视/广播台标（logo）资源库，并配套一系列 IPTV/广播频道相关工具，帮助用户打造属于自己的高品质直播订阅与频道展示体验。项目由热心开发者公益维护，所有内容均托管在 GitHub，并通过 CloudFlare 提供高速 CDN 和安全访问，无论在国内外都能“直连无障碍”。功能特色一览海量台标库：覆盖国内主流电视台（央视、卫视、地方台）...

overflow和动态计算高度

人们总会找到某种带头人,把他供奉起来,培养成伟人……暴君就是这么来的;暴君最初都是以保护者的形象出现的。——柏拉图,《理想国》首先是MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/overflow 其中对overflow进行了描述： CSS 属性 overflow 定义当一个元素的内容太大而无法适应块级格式化上下文时候该做什么。它是 overflow-x 和overflow-y的简写属性。重点在这里：为使 overflow 有效果，块级容器必须有一个指定的高度（height或者max-height）或者将white-space设置为nowrap。那问题来了，我这里有一个折叠面板我希望这里多个折叠面板每一项的头部都能显示在页面中，并且其子项能够适应屏幕高度和折叠情况变化为了实现上面的效果，我们需要在每一个折叠面板子项中设置overflow-y:auto，然后给其设置height或者max-height 我们知道css中有个计算函数calc可以计算我们的高度，这里的卡片为了保证屏幕自适应，可...

懂得生命真谛的人，可以使短促的生命延长。——西塞罗代码如下： 1"token".split(".").slice(0,2).map(i=>JSON.parse(atob(i))) 当我在解析 jwt 的 token 时，发现 token 中附带的用户 id 存在精度丢失问题，然后用正则改进解析 JWT 的代码： 1const tokenParse = token => token.split(".").slice(0, 2).map(i => JSON.parse(atob(i).replace(/:\s*([-+]?\d+(\.\d+)?([eE][-+]?\d+)?)/g, (match, p1) => Math.abs(p1) > Number.MAX_SAFE_INTEGER ? `:"${p1}"` : `:${p1}`))); 但是还存在 base64 解码时无法正确解码中文问题，继续改进 1const tok...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中