jq js100vh做减法算法[通俗易懂]

jq js100vh做减法算法[通俗易懂]functionviewportToPixels(value){varparts=value.match(/([0-9.]+)(vh|vw)/)varq=Number(parts[1])varside=window[[‘innerHeight’,‘innerWidth’][[‘vh’,‘vw’].indexOf(parts[2])]]returnside*(q/100)}//调用viewportToPixels()$(’#opps’).css(‘height’,

大家好,又见面了,我是你们的朋友全栈君。

function viewportToPixels(value) {

var parts = value.match(/([0-9.]+)(vh|vw)/)
var q = Number(parts[1])
var side = window[[‘innerHeight’, ‘innerWidth’][[‘vh’, ‘vw’].indexOf(parts[2])]]
return side * (q/100)
}

//调用viewportToPixels()
$(’#opps’).css(‘height’, viewportToPixels(‘100vh’)-heg+‘px’)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/143947.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Cooley-Tukey算法 (蝶形算法)

    Cooley-Tukey算法 (蝶形算法)

    2021年12月2日
    65
  • android hybrid框架_基于android的app开发

    android hybrid框架_基于android的app开发转载请标明出处:一片枫叶的专栏本文将介绍Android中hybrid开发相关的知识点。hybrid开发实际上是混合开发的意思,这里的混合是H5开发与Native开发混合的意思。下面的文章中我们将逐个介绍一下hybrid开发的概念、hybrid开发的优势、Android中如何实现hybrid开发、简单的hybrid开发的例子,以及在产品实践中对hybrid开发的应用,希望通过本篇文章的介绍让您能够对A

    2022年9月22日
    0
  • 标志位简介

    标志位简介标志位简介:标志寄存器,又称程序状态寄存器(它的内容是ProgramStatusWord,PSW).这是一个存放条件码标志,控制标志和系统标志的寄存器.6个状态标志位CF—进位标志,加法时的最高位(D7或D15)产生进位或减法时最高位出现借位,则CF=1,否则CF=0;AF—辅助进位标志,供BCD码使用。当D3位出现进位或借位时AF=1,否则AF=0;

    2022年7月27日
    2
  • USB转485工业级两线制转换器

    USB转485工业级两线制转换器技术指标单片(ASIC)USB端口到串行端口通信,支持即插即用和热插拔RS485口特性:接口兼容RS485标准,信号:T/R+,T/R-,GND电气接口:DB9针型(公头)连接口加外配接线板,波特率:300bps-921.6Kbps支持串行数据帧格式:8数据位,奇/偶/无校验位,1停止位USB端口提供全速12Mbps的传输速率完全符合U…

    2022年5月27日
    34
  • todomvc项目_reactive vue

    todomvc项目_reactive vue所有实现代码在文章结尾处分析整个实现过程的步骤:1.显示大标题“todoMVC”在h1中引入{{msg}},在js文件中将msg赋值,从而在html中显示大标签的内容2.当没有数据时,两块模板需要隐藏,用到v-if标签。将两个模板放在一个template标签中,当items.length=0时,则v-if=false,进而两块模板隐藏。3.引入数据。将JS中写好的默认数据引入在html的每一个li标签中。4.将每个事件划分为完成/未完成。该功能用到双向数据绑定,可以在浏览器中vue模

    2022年9月12日
    0
  • mac系统连接android电话

    mac系统连接android电话

    2022年1月6日
    58

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号