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

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

|浏览量:

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

很简单一行代码：

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

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

然后用css函数去设置style

相关推荐

要使人成为真正有教养的人，必须具备三个品质：渊博的知识、思维的习惯和高尚的情操。知识不多就是愚昧；不习惯于思维，就是粗鲁或蠢笨；没有高尚的情操，就是卑俗。——车尔尼雪夫斯基代码 123456789101112131415161718192021<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>scroll</title></head><body><img width="500px" id="img" src="https://VampireAchao.github.io/imgs/preview/3459_3.jpg"/><script type="application/javascript"> let images = docu...

不要老叹息过去，它是不再回来的；要明智地改善现在。要以不忧不惧的坚决意志投入扑朔迷离的未来。——朗费罗 Remotion：用 React“写”视频的开发者框架你可能已经习惯用 React 搭页面、用三方库做动画，但有没有想过——用 React 直接“写”视频？Remotion 的答案是肯定的。它把我们熟悉的 Web 技术栈转换成视频生成的能力：用 JSX 描述画面、用 CSS/Canvas/SVG/WebGL 进行布局与渲染、用编程逻辑与算法叠加效果，然后“程序化地”输出成视频。仓库：remotion-dev/remotion 官方站点与文档：remotion.dev · remotion.dev/docs · API 快速开始：npx create-video@latest 许可证提示：Remotion 有特殊许可规则，部分使用情形需企业许可，详见仓库内 LICENSE.md 为什么用 React 来“写”视频Remotion 的 README 讲得很清楚： Leverage Web Technologies直接调...

js获取元素相对于document的坐标

孤独没有什么不好。使孤独变得不好，是因为你害怕孤独。——《孤独六讲》代码如下： 12345const getOffset = el => { const { left, top } = el.getBoundingClientRect() const { scrollTop, scrollLeft } = document.body return { top: top + scrollTop, left: left + scrollLeft }} 使用： 123456789101112131415161718192021222324252627<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content...

希望是一种好东西，也许是世上最好的东西。好东西是永远不会消失的。——肖申克的救赎 iptv-org/iptv 全面上手指南：一条链接看遍全球公开 IPTV 频道（含播放器与脚本示例）仓库：iptv-org/iptv主页：iptv-org.github.io描述：Collection of publicly available IPTV channels from all over the world话题：iptv m3u playlist streams tv许可：The Unlicense（公共领域风格许可）想“零门槛”体验全球公开的直播电视频道？iptv-org 维护的这个仓库把世界各地公开可访问的 IPTV（Internet Protocol Television）直播源用标准的 M3U 播放列表统一整理了起来。你只需要在支持直播流的播放器里粘贴一条 URL，就能直接观看。它还配套了节目单（EPG）、频道数据库与 API 项目，组成了一个完整且开放的生态。本文基于项目 README 与说明整理，带你快速上手、了解配套生态，并附上多个“即复制即...

变量解构赋值

既然有时间在最后壮烈牺牲，不如完美地活到最后一刻——坂田银时/银魂前两天有朋友问我，这个写法看不懂，让我给他讲讲它这里用到了一个ES6的新特性：解构赋值这里简单复现一下 123456789var param = { columns: { property: "我是property" }, data: ["我是", "data", "数组"]}var {columns,data} = paramconsole.log(columns)console.log(data) 输出结果可以看到我们这里使用 1var {columns,data} = param 去拿到了param里的变量columns和data 这里注意一点，如果我们使用的名字不同的话，是无法取得里面的属性的例如 123456789var param = { columns: { property: "...

uniapp电量百分比显示组件

人人保持头冷脚暖，医师就大叹赚钱难。——佚名今天有个需求是显示电池电量，我在uniapp的插件市场找到一款 https://ext.dcloud.net.cn/plugin?id=7421 不过不满足需求，电量发生变化后没有实时更新，是因为用的data而不是computed 样式也需要调整美化一下，修改以后的完成品： 1

阿超

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

数据加载中