jquery計算出left和top,讓一個div水平垂直居中的簡單實例

來源：易賢網閱讀：1039 次日期：2016-07-27 16:18:05

溫馨提示：易賢網小編為您整理了“jquery計算出left和top,讓一個div水平垂直居中的簡單實例”,方便廣大網友查閱！

下面小編就為大家帶來一篇jquery計算出left和top,讓一個div水平垂直居中的簡單實例。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。實例如下：

實例如下：

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水平垂直居中的簡單實例就是小編分享給大家的全部內容了，希望能給大家一個參考

由于各方面情況的不斷調整與變化，易賢網提供的所有考試信息和咨詢回復僅供參考，敬請考生以權威部門公布的正式信息和咨詢為準！