js设置元素垂直居中

/*** 设置垂直居中*/function fVericalAlignBody(){var nBodyHeight = 730;var nClientHeight = document.documentElement.clientHeight;if(nClientHeight >= nBodyHeight + 2){var nDis = (nClientHeight - nBodyHeight)/2;document.getElementById("box").style.paddingTop = (nDis-10) + 'px';}else{document.getElementById("box").style.paddingTop = '0px';}}window.onresize=function(){fVericalAlignBody();};

js设置元素垂直居中相关推荐

[Web前端基础] CSS优先级、JS运算优先级、CSS设置在第几行进行超出部分省略号、JS设置元素样式的六种方式
CSS优先级 !important> 行内样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器 > 继承如果有多个复合选择器选中同一个元素,则需要 ...
js设置元素class方法小结及classList相关
给DOM元素设置class是我们在项目中非常容易遇到的,网上的资料和总结也比较多,下面比较全面的整理一下,希望给到大家一些帮助!并引用两种成熟的classList的兼容方法一.el.setA ...
html js设置文字垂直居中,javascript实现在指定元素中垂直水平居中
本章节介绍一下如何实现未知宽高的元素在指定元素下实现垂直水平居中效果,下面就以span元素为例子,介绍一下如何实现span元素在div中实现水平垂直居中效果,代码如下: #box{ width:200 ...
js进阶 11-6 jquery如何获取和设置元素的宽高（jquery多方法）
js进阶 11-6 jquery如何获取和设置元素的宽高(jquery多方法) 一.总结一句话总结:jquery里面多是方法啊,比如jquery对象的宽高.所以取值是方法,赋值就是方法里面带参数. ...
js动态设置元素的宽高
js动态设置元素的宽高实现代码: var html = document.getElementsByTagName('html')[0];var dl_second_nav=document.get ...
js学习笔记（获取选中内容、缓动动画、动态设置元素属性）
获取选中内容 1.标准浏览器 window.getSelection()拿到的是对象 window.getSelection().toString()拿到的是选中的文字 2.ie获取选中文字 docu ...
js中设置元素class的三种方法小结
一.el.setAttribute('class','abc'); 复制代码代码如下: <!DOCTYPE HTML> <HTML> <HEAD> <met ...
原生js设置div隐藏或者显示_JavaScript动画方式控制div元素的隐藏和显示
jQuery实现此功能相对比较简单,具体参阅点击按钮动画方式隐藏和显示div一章节. 结合CSS3实现此功能也非常便利和适合,具体参阅JavaScript与CSS3动画方式改变元素尺寸一章节. 原生J ...
js移动端页面判断是否是iphoneX，然后去设置元素对应高度？
在开发h5项目有时候需要判断iPhone型号,需要区分一下是否为iPhoneX,实现如下: methods: {isIPhoneX() {let u = navigator.userAgent;let ...

js设置元素垂直居中

js设置元素垂直居中相关推荐

最新文章

热门文章