jquery计算出left和top,让一个div水平垂直居中
2013-12-21 12:10
225 查看
if($("#cont1").css("position")!="fixed"){ $("#cont1").css("position","absolute"); var dw = $(window).width(); var ow = $("#cont1").outerWidth(); var dh = $(window).height(); var oh = $("#cont1").outerHeight(); var l = (dw - ow) / 2; var t = (dh - oh) / 2 > 0 ? (dh - oh) / 2 : 10; var lDiff = $("#cont1").offset().left - $("#cont1").position().left; var tDiff = $("#cont1").offset().top - $("#cont1").position().top; l = l + $(window).scrollLeft() - lDiff; t = t + $(window).scrollTop() - tDiff; $("#cont1").css("left",l + "px"); $("#cont1").css("top",t + "px"); }
相关文章推荐
- jquery计算出left和top,让一个div水平垂直居中的简单实例
- Repeater JJ : 不要随便说精通"这是教训(一个水平垂直都居中的DIV样式)
- 一个div相对于外层的div水平和垂直居中
- 如何将一个div水平垂直居中?6种方法做推荐
- 一个div在另外一个div中水平垂直居中
- 如何让一个DIV水平,垂直方向都居中于浏览器?
- 使一个div在body中水平垂直居中的方法
- 如何让一个DIV水平,垂直方向都居中于浏览器?
- 如何让一个div水平和垂直居中对齐
- jquery实现div水平垂直居中显示
- 基于jQuery实现的水平和垂直居中的div窗口
- 如何将一个div水平垂直居中?4种方法做推荐
- jQuery创建水平和垂直居中的div窗口
- 编写css让一个已知宽高的div元素水平居中?垂直居中
- jQuery实现DIV屏幕自动水平垂直居中
- 一个好用的让DIV水平垂直居中的方法
- HTML中一个div中关于其内容的水平和垂直居中
- 父元素为一个div,宽度高度不固定,子元素是一个块状元素,宽高已知,如何实现子元素在父元素内水平、垂直居中?
- jQuery创建水平和垂直居中的div窗口
- 基于jQuery实现的水平和垂直居中的div窗口