Question

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

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

网址：here

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

Answer 1

首先，我同意这些意见;请发布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。

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

1 个答案: