Jquery 在一页网站中，使顶部部分填充屏幕位于标题上方

我正在尝试制作一个单页网站，顶部有一个启动页，可以向下滚动到标题

我希望在用户首次加载页面时，顶部部分用底部隐藏的标题填充整个屏幕。我将在启动页上放置一个链接，向下滚动到标题

我该怎么做

我的网站是www.sleepn9.com/home.htm

我最上面部分的CSS是：

.sTop   {height: 100%;background: url('img/top_bg.jpg') center no-repeat;}

---

因为您使用的是百分比，所以需要给父对象（在本例中可能是

html，body

）一个高度，以便该部分知道它的100%：

如果您可以接受（IE<9，iOS上的Safari<8）不支持它，我建议使用视口单位：

.sTop { height: 100vh; }

---

您可以使用jquery执行以下操作：

$('.sTop').height($(window).height())

---

这可以在控制台上的Chrome中使用，但是菜单滚动并不完美，因此需要做更多的工作。

只是想澄清一下：您是否有问题，顶部没有按预期填充屏幕，或者您正在询问在单击链接时如何实现滚动？或者两者都有？顶部没有填充屏幕我已经知道如何添加链接。但我首先需要用下面隐藏的导航栏填充顶部部分的页面。你看过js小提琴吗？是的。。。我可以；我不知道为什么。我查看了你的网站，添加了

。包装{宽度：100%，高度：100%；}

现在我如何使背景图片填充整个分区？添加

背景尺寸：封面

，（或其他背景尺寸选项）

$('.sTop').height($(window).height())