Javascript 如何使页面的一部分相对于屏幕始终处于相同的位置？

我正在制作一个网站，我有一个导航栏和一个主要内容部分，导航栏位于屏幕顶部，主要内容位于屏幕底部附近。但是，如果我更改屏幕高度，主内容部分将保持在同一位置，并从浏览器的视口/窗口中消失，这是完全正常的。但我想要的是，无论屏幕大小/分辨率/高度如何，主内容部分始终位于屏幕底部的同一位置。我怎样才能做到这一点

我的网站是，我所说的是在我的主页上，如果你需要一个视觉

我使用过JavaScript，但我对它不太熟悉。 我没有使用jQuery的经验，但是我可以很好地实现完成的jQuery脚本

谢谢你的时间和精力

如果需要更多信息，请告诉我

---

---

更新：由于这个问题似乎不清楚，请访问我的网站，您将看到“在这里您可以了解我和我的冒险经历”的文本，我希望该文本在加载时显示在浏览器窗口的底部，但是，我希望它保持正常的流程，位于“最近的活动”框的顶部。基本上，我希望文本顶部的边距根据浏览器窗口的高度进行更改，使文本保持在浏览器窗口的底部。

您可能正在查找

位置：固定

编辑

如果要根据窗口大小更改
边距
，可以使用jquery的
调整大小

$(window).resize(function () { /* change margin of element */ });

您可以通过CSS3 VH属性[查看端口高度]使用此存档。为此，您必须制作一个容器，并将其高度增加到100vh。
这是现场演示-

*{框大小：边框框；-webkit框大小：边框框；}
.集装箱{高度：100vh}
.container span{位置：绝对；宽度：100%；显示：块；左侧：0；底部：0；文本：中心；填充：20px；背景：黑色；颜色：#fff}
额外信息
在这里你可以了解我和我的冒险经历
位置：固定；底部：0
@adeneo我希望它位于页面底部，但在滚动时仍然是流动的（不是
固定的
）。看看这个答案：@reinder我想你不明白，看看我的更新。这正是我链接到的问题的答案。唯一的区别是它在那里被称为页脚，而不是“主要内容”。谢谢你的回答！但我希望它在页面底部，但在滚动时仍然是液体（不是固定的，可滚动的）。你希望它每次都保持在页面底部还是其他一些体验？可能问题中不清楚您需要什么。很抱歉，我已经重做了我的帖子，以显示我真正需要的内容。@JeffArries-您不应该以使现有答案无效的方式更改问题。@BSMP好的，我将还原它！
*{box-sizing:border-box; -webkit-box-sizing:border-box;}
.container{height:100vh}
.container span{position:absolute; width:100%; display:block; left:0; bottom:0; text-aling:center; padding:20px; background:black; color:#fff}

<div class="container">
<div class="cover">Extra Infomation </div>
<span>here you can learn about me and my adventures</span>
</div>