jq根据屏幕高度设置元素高度
发表于|更新于
|浏览量:
没有哪一个聪明人会否定痛苦与忧愁的锻炼价值——赫胥黎
很简单一行代码:
1 | $('#ruben').css('height', $(window).height()); |
这里$(window).height()获取了屏幕高度
然后用css函数去设置style
相关推荐
2020-09-01
js函数防抖
之前写了一篇javascript防抖是应用在按钮中的 今天继续完善一下,下面的函数ruben就算循环10亿次,一秒内也会只调用一次 123456789101112131415var antiShakeFlag = false; function ruben() { if (antiShakeFlag) { return; } console.log("ruben") antiShakeFlag = true; setTimeout(() => { antiShakeFlag = false; }, 1000); } for (let i = 0; i < 10; i++) { console.log("achao&qu...
2022-11-10
parceljs
趋炎附势的人,不可与其共患难。——拜伦 分享一个前端打包工具 官方文档:https://parceljs.org/ 中文文档:https://www.parceljs.cn/ 非常好用
2020-07-05
jQuery的input框取值和赋值
取值 1$('#cowBeer').val() 赋值 1$("#cowBeer").attr("value", 666);
2024-06-06
vue-sax使用cdn引入
等待走运无异于等待死亡。——福特 代码如下: 1234567891011121314151617181920<!DOCTYPE html><html><head> <link href="https://unpkg.com/vuesax@4.0.1-alpha.16/dist/vuesax.min.css" rel="stylesheet"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"></head><body><div id="app"> <vs-button>Hello World</vs-button></div><script src="https://cdn.jsdelivr.net/...
2021-04-18
文字不换行超出后左右滑动
人生就象弈棋,一步失误,全盘皆输,这是令人悲哀之事;而且人生还不如弈棋,不可能再来一局,也不能悔棋。——弗洛伊德 如下div 123456789101112131415161718192021222324252627282930313233<div>对我个人而言,先辈不仅仅是一个重大的事件,还可能会改变我的人生。 带着这些问题,我们来审视一下先辈。 本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。 所谓先辈,关键是先辈需要如何写。 这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。 歌德在不经意间这样说过,读一本好书,就如同和一个高尚的人在交谈。我希望诸位也能好好地体会这句话。 这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。 生活中,若先辈出现了,我们就不得不考虑它出现了的事实。 在这种困难的抉择下,本人思来想去,寝食难安。 既然如何, 那么, 本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。 先辈,到底应该如何实现。 我认为, 可是,即使是这样,先辈的出现仍然代表了一定的意义。 总结的来说, 那么, 在这种困难的抉...
2021-12-19
flex布局
他想给M打一个电话,告诉她,他要回家了。不再回来了。最后他只是发了短信道:“M,我不爱你,从来没有爱过,因为我心里装着别人。”窗外掠过的景,就好像他的泪一样,总是一闪而过。——灵遁者 flex布局是开发中最常用的布局之一 阮一峰的flex布局教程 下方摘自uniapp官方文档flex布局一栏 FlexboxFlex 容器Flex 是 Flexible Box 的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。 nvue布局模型基于 CSS Flexbox,以便所有页面元素的排版能够一致可预测,同时页面布局能适应各种设备或者屏幕尺寸。Flexbox 包含 flex 容器和 flex 成员项。如果一个nvue元素可以容纳其他元素,那么它就成为 flex 容器。 文档中未说明的 flexbox 属性均不支持:如 order、flex-grow 、flex-shrink 、 flex-basis、align-content、align-self 等。 在 nvue中,Flexbox 是默认且唯一的布局模型,所以你不需要手动为元素添加 display: flex; 属性。...
