jquery - 固定标题隐藏内容开始部分

Question

我创建了一个页面网站，一旦页面滚动，标题就固定在顶部。我面临的问题是，一旦我们从菜单中单击“服务”部分，页面的某些部分就会隐藏在菜单下方。

我尝试在该部分添加填充，但结果仍然相同。

网址：这里

抱歉，该网站是托管的，请检查托管链接中的代码。这只是一个静态网站。

Answer 1

首先，我同意评论；请发布一个最小、完整和可验证的示例，以便我们可以更好地帮助您。链接到另一个网站不是该平台的工作方式。

在您的 JavaScript 中，您有以下代码：

$('.page-scroll').bind('click', function(event) {
    var $anchor = $(this);
    $('html, body').stop().animate({
        scrollTop: $($anchor.attr('href')).offset().top
    }, 1500, 'easeInOutExpo');
    event.preventDefault();
});

如果您使用该值 (the offset().top)，您可以更改 scrollTo 的行为。

把它改成这样：

scrollTop: ($($anchor.attr('href')).offset().top - 77)

77 是菜单的像素高度。如果您希望菜单和内容之间有更多间距，请将 77 设置为类似于 90。