clientHeight와 box의 offsetHeight로 초기의 vertical-middle값을 구한뒤,
scrollTop으로 scroll되는 값을 계산게 된다.
<![CDATA[<script type="text/javascript">
function test() {
var tbox = document.getElementById("box");
var lpos = parseInt(document.body.offsetWidth/2) - parseInt(tbox.offsetWidth/2) + "px
var tpos = parseInt(document.documentElement.clientHeight/2) +
parseInt(document.documentElement.scrollTop ) - parseInt(tbox.offsetHeight/2) + "px";
tbox.style.left = lpos + "px";
tbox.style.top = tpos + "px
return false;
}
</script>
<body>
<div id="box"></div>
<script type="text/javascript">(function($) {
$(document).ready(function() {
lightbox.options.fadeDuration = 200;
lightbox.options.resizeDuration = 200;
lightbox.options.wrapAround = false;
lightbox.options.albumLabel = "%1 / %2";
})
})(tjQuery);</script>
<div style="margin:0; padding:0; border:none; background:none; float:none; clear:none; z-index:0"></div>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-61bf549efb728afb6712b68c1857a1e5d5e9ad51/static/script/common.js"></script>
<script type="text/javascript">window.roosevelt_params_queue = window.roosevelt_params_queue || [{channel_id: 'dk', channel_label: '{tistory}'}]</script>
<script type="text/javascript" src="//t1.daumcdn.net/midas/rt/dk_bt/roosevelt_dk_bt.js" async="async"></script>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-61bf549efb728afb6712b68c1857a1e5d5e9ad51/static/script/menubar.min.js"></script>
<script>window.tiara = {"svcDomain":"user.tistory.com","section":"글뷰","trackPage":"글뷰_보기","page":"글뷰","key":"182830-17","customProps":{"userId":"0","blogId":"182830","entryId":"17","role":"guest","trackPage":"글뷰_보기","filterTarget":false},"entry":{"entryId":"17","categoryName":"WS & SCript","categoryId":"107649","author":"186251","image":"","plink":"/17","tags":[]},"kakaoAppKey":"3e6ddd834b023f24221217e370daed18","appUserId":"null"}</script>
<script type="module" src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.0/index.js"></script>
<script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.0/polyfills-legacy.min.js" nomodule="true" defer="true"></script>
<script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.0/index-legacy.js" nomodule="true" defer="true"></script>
</body>]]>