在一些頁面中，我們總會遇到一些彈窗不居中的時候，還要根據瀏覽器的大小來調整彈窗的彈出位置，
之前我也遇到這樣的問題，現在我把我知道的呈現給大家
css樣式
.windowBox{ width:500px;}.mid-tanBox{ position: fixed; top: 50%; left: 50%; margin-left: -250px; background: #fff; border:1px solid red; display:none}html代碼
<div class='windowBox'> <div class ="mid-tanBox"></div> <div class="jclick">彈窗</div></div>
jQuery代碼自動：
$(".jclick").click(function(i){ var height = $(".mid-tanBox").height(); var eheight = height/2; $(".mid-tanBox").eq(i).css("margin-top","-eheight");})以上就是小編為大家帶來的js實現彈窗居中的簡單實例全部內容了，希望大家多多支持武林網~
新聞熱點
疑難解答
