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

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

|浏览量:

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

很简单一行代码：

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

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

然后用css函数去设置style

相关推荐

颜色拾取器

志向是天才的幼苗，经过热爱劳动的双手培育，在肥田沃土里将成长为粗壮的大树。——苏霍姆林斯基官网：https://www.eyecon.ro/colorpicker/ 效果：代码： 1234567891011121314151617181920212223242526272829303132<head> <link media="screen" rel="stylesheet" href="admin/plugins/colorpicker/css/colorpicker.css" type="text/css"/></head><body><div> <div id="tag-color-picker"> <input type="text" id="tag-color-input')"/> </div...

在vue2的style标签中使用css变量

我需要，最狂的风，和最静的海。——顾城《世界和我·第八个早晨》前两天有一个更换主题需求，想将系统主题包括hover颜色都更换代码如下： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748<template>  <div class="hello" :style="css"> <h1>{{ msg }}</h1> <p> For a guide and recipes on how to configure / customize this project,<br> check out the <a href="https://cli.vuejs.org" target="_...

vue-loading-overlay

只要有一双真诚的眼睛陪我哭泣，就值得我为生命受苦。——罗曼·罗兰的《欣悦的灵魂》 https://github.com/ankurk91/vue-loading-overlay demo： https://ankurk91.github.io/vue-loading-overlay/ Vue Loading Overlay：简洁高效的加载指示器组件介绍在现代Web应用中，为了提升用户体验，加载指示器是一个必不可少的组件。尤其在处理异步请求或其他耗时操作时，加载指示器可以有效地告知用户当前的状态。Vue Loading Overlay 是一个为 Vue.js 应用提供全屏加载指示器的组件，简洁高效，易于集成和使用。本文将介绍什么是 Vue Loading Overlay、其主要功能及其使用方法，并展示如何在项目中集成和使用这个组件。什么是 Vue Loading Overlay？Vue Loading Overlay 是一个 Vue.js 组件，用于在页面加载时显示全屏或局部加载指示器。它可以轻松集成到 Vue.js 项目中，通过简单的配置和调用即可实现加载指示器的显示和隐...

js中json与对象互转

人生要有意义只有发扬生命，快乐就是发扬生命的最好方法。——张闻天如题首先是json字符串转对象 1JSON.parse("{\"id\":\"ddd\"\}") 得到的结果就是对象啦然后是对象转json字符串 1JSON.stringify({id:"ddd"}) 非常简单

图片懒加载

如果你只读每个人都在读的书，你也只能想到每个人都能想到的事。——村上春树首先贴代码： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .ruben { width: 400px; height: 300px; background-color: #e8e8e8 } .ruben img { width: 100%; height: 100%; } </style> <...

vue3中css里的v-bind

一旦别人问起自己想要什么，那一刹那反倒什么都不想要了。——太宰治官方文档：状态驱动的动态 CSS 编写一个组件： 123456789101112131415161718192021222324252627<template> <div class="ruben"> <p>You clicked {{ count }} times</p> <button @click="increment">Click me</button> </div></template><script>export default { data() { return { count: 1 } }, methods: { increment...

阿超

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

数据加载中