Question

我来自C＃背景，所以请耐心等待，我已经知道这样做的方法并不理想：

但是我需要这样做：

创建一个居中的弹出窗口，当用户单击某些文本时，该弹出窗口将随页面滚动，该代码必须在JavaScript页面中嵌入JavaScript，服务器端（可能不是CSS）都没有。

-最好是弹出窗口的文本链接需要可重用，我不想为每个链接都嵌入一堆代码。

-我看过很多“弹出式”教程/示例，但是由于我需要嵌入式客户端javascript，所以它限制了有效的方法。

我想得到一个带有预制弹出窗口的网页，我可以从其他网页（例如OpenPopup（webpage.getElement（popupNumber12）））中引用该网页，或者拥有一个带有弹出标题的数组，这些描述我可以通过。

Answer 1

由于您不希望在与页面交互后关闭它，因此听起来像是模态而不是弹出窗口。我只需要打开一个带有onClick事件的模式，然后将其位置描述为：

.modal {
   width: 300px;
   height: 300px;
   position: absolute;
   left: 50%;
   top: 50%; 
   margin-left: -150px;
   margin-top: -150px;
   }

假设您要显示的模式的宽度为300px。

如果您正在使用SCSS

$width = 300px
$height = 300px

.modal {
    width: $width;
    height: $height;
    position: absolute;
    left: calc(50% - $width)
    top: calc(50% - $height)
}

如何在另一个页面上创建元素的居中弹出窗口

1 个答案: