固定标题隐藏内容开始部分[关闭]

【问题标题】：Fixed header hides the content starting section [closed]固定标题隐藏内容开始部分[关闭]
【发布时间】：2017-04-03 07:43:05
【问题描述】：

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

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

网址：here

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

【问题讨论】：

拥有 1000 名代表，您应该知道在此处发布 minimal reproducible example。使用<>sn-p 编辑器
看来您用来滚动到服务部分的任何 js/jquery 代码都没有考虑到标题并且向下滚动得太远。您应该发布相关代码的 sn-p 以获得适当的帮助。

标签： jquery html twitter-bootstrap onepage-scroll

【解决方案1】：

首先，我同意cmets；请发布Minimal, Complete, and Verifiable example，以便我们更好地帮助您。链接到另一个网站不是这个平台的工作方式。

在您的 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。

【讨论】：