Question

首先，我想对我的问题表示赞赏。感谢您查看我的问题。我很感激你的时间来帮助我！

我正在尝试创建（使用jQuery）：一个小窗口，询问访问者的电子邮件。也就是说，用户正在查看页面，阅读...然后大约30秒后，此框出现（淡入或美观），询问他们是否要在我的电子邮件列表中注册。

然后他们可以输入他们的电子邮件（或点击“关闭”以关闭弹出窗口，如果他们拒绝）。

我在其他网站上看到了很多，但无法弄清楚如何自己重新创建它。我试过了！

2秒后，出现方框。但它会将文本向下移动（然后在关闭时再次备份 - 看起来很有趣）。而且我希望这个框能够位于页面上（因此它具有焦点）。

非常感谢你的时间！安德烈

Answer 1

在您的页面上，您需要将框设置为使用position:fixed。这将使其“浮动”在所有文本之上。之后，只需将其定位在屏幕上的所需位置即可。这是你应该把它放在哪里：

#loginmodal {
  width: 300px;
  padding: 15px 20px;
  ... etc ...
  position: fixed;
}