HTML元素居中

最新推荐文章于 2026-06-22 19:44:33 发布

转载最新推荐文章于 2026-06-22 19:44:33 发布 · 1.1k 阅读

标签

#javascript #JavaScript #Javascript #javaScript

收录于

js/jQuery/html/css 专栏收录该内容

41 篇文章

订阅专栏

<script type='text/javascript'>
            function moveMiddle(obj) {
                if (!obj) return;

                obj.style.display = "block";

                var screenWidth = document.documentElement.clientWidth;
                var screenHeight = document.documentElement.clientHeight;
                var scrollPosY = 0;
                var scrollPosX = 0;

                if (typeof window.pageYOffset != 'undefined') {
                    scrollPosY = window.pageYOffset;
                } else if (typeof document.documentElement != 'undefined') {
                    scrollPosY = document.documentElement.scrollTop;
                }

                if (typeof window.pageXOffset != 'undefined') {
                    scrollPosX = window.pageXOffset;
                } else if (typeof document.documentElement != 'undefined') {
                    scrollPosX = document.documentElement.scrollLeft;
                }

                var divWidth = obj.offsetWidth;
                var divHeight = obj.offsetHeight;

                var divLeft = parseInt((screenWidth - divWidth) / 2);
                var divTop = parseInt((screenHeight - divHeight) / 2);

                divTop = divHeight > screenHeight ? 10 : divTop + scrollPosY;
                divLeft = divWidth > screenWidth ? 10 : divLeft + scrollPosX;

                obj.style.left = divLeft + "px";
                obj.style.top = divTop + "px";

            }