弹出div或者弹出新窗口的固定位置、固定大小

最新推荐文章于 2021-05-31 23:58:41 发布

转载最新推荐文章于 2021-05-31 23:58:41 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/wangyandong/blog/549444

文章标签：

#javascript #python #ViewUI

本文介绍了使用JavaScript来精确控制弹窗(div)的位置方法，包括如何使其居中显示及固定大小。通过获取浏览器窗口尺寸并计算偏移量，实现div元素在页面上的精准定位。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

js代码：

//打开一个新窗口，固定的位置，固定的大小
//window.open("push_add.html",'newwindow', 'height=550, width=1000, top=200, left=500, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no');

//弹出一个div

        var $box = $('.box');
        $box.css({
            //设置弹出层距离左边的位置
            left: ($("body").width() - $box.width()) / 2 - 20 + "px",
            //设置弹出层距离上面的位置
            top: ($(window).height() - $box.height()) / 2 + $(window).scrollTop() + "px",
            display: "block"
        });

转载于:https://my.oschina.net/wangyandong/blog/549444