Javascript 如何在页面底部显示弹出模型？

我有一个10秒后显示的弹出模式。但它显示在页面的顶部，我希望它应该显示在页脚上方的页面底部

我该怎么做

这是我的密码：

//获取模态 var modal=document.getElementById'myModal'； //获取打开模式对话框的按钮 var btn=document.getElementByIdmyBtn； //获取关闭模态的元素 var span=document.getElementsByClassNameclose2[0]； //当用户单击该按钮时，打开模式对话框 btn.onclick=函数{ modal.style.display=块； } //当用户单击x时，关闭模式对话框 span.onclick=函数{ modal.style.display=无； } //当用户单击模式之外的任何位置时，将其关闭 window.onclick=functionevent{ 如果event.target==模态{ modal.style.display=无； } } .结束{ 颜色：白色； 浮动：对； 字号：28px； 字体大小：粗体； } .关闭：悬停， .结束：聚焦{ 颜色：000； 文字装饰：无； 光标：指针； } .模态标题{ 填充：2x16px； 背景色：2098d1； 颜色：白色； } .模态体{ 填充：2x16px； } .模态页脚{ 填充：2x16px； 背景色：5cb85c； 颜色：白色； } .莫代尔{ 位置：绝对位置； 顶部：200px； 右：50px； 底部：0； 左：0； z指数：1040； 溢出：自动； 溢出y：自动； } &时代；关 特价 10%的报价 不确定是否需要这么多代码。但可以这样做：

JavaScript:

$(function () {
  setTimeout(function () {
    $("#popup").modal();
  }, 2000);
});

CSS:

弹出窗口{ 顶部：自动； 底部：10px； 大纲：无； } 预演

引导层： *单击链接并使用全屏视图查看功能。

不确定是否需要这么多代码。但可以这样做：

JavaScript:

$(function () {
  setTimeout(function () {
    $("#popup").modal();
  }, 2000);
});

CSS:

弹出窗口{ 顶部：自动； 底部：10px； 大纲：无； } 预演

引导层：

---

*单击链接并使用全屏视图查看功能。

调整css以获得模态。你能提供css plx吗？调整css以获得模态吗？你能提供css plx吗？谢谢回答。我已经使用了你的css代码，但它显示在底部。这是，但我希望它显示在页脚之前的页面末尾。感谢您的回复。我使用了您的css代码，但它显示在底部。这是，但我希望它显示在页脚之前的页面末尾。