ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryはポップアップlayer_jqueryの完璧なセンタリング効果を実現します

jqueryはポップアップlayer_jqueryの完璧なセンタリング効果を実現します

WBOY
WBOYオリジナル
2016-05-16 16:57:451087ブラウズ

jquery はポップアップ レイヤーの完璧なセンタリング効果を実現します

コードをコピーします コードは次のとおりです:

showDiv( $("#pop"));
function showDiv(obj){
$(obj).show();
center(obj);
$( window).scroll(function( ){
center(obj);
});
$(window).resize(function(){
center(obj);
}) ;
}

関数 center(obj){
var windowWidth = document.documentElement.clientWidth;
var PopupHeight = $(obj).height(); > var PopupWidth = $(obj).width();
$(obj).css({
"位置": "絶対",
"上": (windowHeight-popupHeight)/2 $ (document).scrollTop(),
"left": (windowWidth-popupWidth)/2
});

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。