单页锚链接低于与#link 链接的一些像素答案

【问题标题】：Single page anchor link goes bellow some pixels where it is linked with #link单页锚链接低于与#link 链接的一些像素
【发布时间】：2018-12-22 10:26:14
【问题描述】：

您好，我正在开发一个单页网站，我现在面临的问题是，当我点击菜单的锚点时，它在所需区域以下几个像素，如图所示

我想要

我试过这段代码但没有成功 Make anchor link go some pixels above where it's linked to

我使用的Javascript是

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

【问题讨论】：

可以使用的源代码在哪里？
我用的是免费的html主题，大哥需要什么代码？
您应该添加说明问题所在的源代码（HTML 或 CSS）......
$(document).on('click', 'a.page-scroll', function(event) { var $anchor = $(this); $('html, body'). stop().animate({ scrollTop: $($anchor.attr('href')).offset().top }, 1500, 'easeInOutExpo'); event.preventDefault(); });

标签： javascript jquery html css anchor

【解决方案1】：

我只是通过从实际高度中减去所需高度来解决问题。对我来说完整且正在运行的代码如下

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

【讨论】：