固定标题隐藏内容起始部分

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();
});

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

将其更改为如下所示的内容：

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

77 是菜单的高度(以像素为单位(。如果您想在菜单和内容之间留出更多的间距，请将 77 设为 90。