javascript - 滚动页眉大小调整不当

Question

我需要一些帮助来解决我们网站上的问题。最初创建该网站的人已不在我们身边，而且我对 javascript/jquery 不太熟悉，所以我不知道从哪里开始看。

我们的网站是http://new.onlinehc.com

当页面加载时，当用户向下滚动页面时，标题栏会停留在顶部。您会注意到，在 滚动之前，标题是正确的:

但是如果你向下滚动到底部并返回到顶部，你会注意到标题栏的高度由于某种原因发生了变化，变大了，切断了蓝色横幅中的部分图像:

如果有人能帮助我并告诉我为什么会发生这种变化以及我该如何解决它，我们将不胜感激!

Answer 1

我只是快速筛选了您网站的源代码，然后在 script.js 中的函数 scrollPage() 中找到了一行我认为是导致问题的原因:

$('.navbar-brand').css({ 'padding-top': 19 + "px", 'padding-bottom': 19 + "px" });

不过，这只是一种预感。您必须通过更改值来进一步调查。

当网页滚动到某个点时，将调用上面的行，更改 Logo 周围的填充。

当我进入 Chrome 开发工具并滚动页面时，我注意到元素的顶部和底部周围有一个统一的填充，看起来像这样，进一步表明它可能是由该填充值引起的: