js 控制div 居中
来源:互联网 发布:egress软件 编辑:程序博客网 时间:2024/05/18 00:50
function center(obj){
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var popupHeight = $(obj).height();
var popupWidth = $(obj).width();
$(obj).css({
"position": "absolute",
"top": (windowHeight-popupHeight)/2+$(document).scrollTop(),
"left": (windowWidth-popupWidth)/2
});
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var popupHeight = $(obj).height();
var popupWidth = $(obj).width();
$(obj).css({
"position": "absolute",
"top": (windowHeight-popupHeight)/2+$(document).scrollTop(),
"left": (windowWidth-popupWidth)/2
});
}
//滚动的时候自动居中
$(window).scroll(function(){
center(obj);
});
//窗口变化自动居中
$(window).resize(function(){
center(obj);
});
//按回车提交
$(document).keydown(function(e){
if(e.keyCode ==13){
//要调用的方法
}
});
0 0
- js 控制div居中
- js 控制div 居中
- js控制使div自动适应居中
- div控制图片居中
- JS DIV居中
- JS Div 居中
- JS实现div居中
- js实现div居中
- javascript控制div信息居中
- 控制div始终居中显示
- JS弹出居中的DIV
- JS弹出居中的DIV
- JS 实现div 居中显示
- js控制div隐藏
- js 控制 div 滚动
- js控制Div高度
- CSS控制DIV水平并且垂直居中
- 控制DIV中的文字绝对居中
- CCF2014-09-3字符串匹配
- 国科大软件安全漏洞分析与发现第一次作业key2和key3
- 搬瓦工vps搭建wordpress
- CentOS-7设置开机进入文本界面(不进入图形界面)
- hbase学习2
- js 控制div 居中
- Java中Comparable和Comparator接口区别分析
- Struts2远程代码执行漏洞
- DBCP连接池配置参数说明
- 线程-通信-wait/notify
- Spring框架学习第五讲(AOP操作——注解实现)
- PyQt5 如何让界面和逻辑分离简介
- ACM
- app.use和app.get的区别及解析