滚动 Header 大小调整不当
Scrolling Header resizing improperly
我需要一些帮助来解决我们网站上的问题。最初创建该网站的人已不在我们身边,我对 javascript/jquery 也不是很熟悉,所以我不知道从哪里开始看。
我们的网站是http://new.onlinehc.com
加载页面时,header 栏会在用户向下滚动页面时停留在顶部。您会注意到 在 滚动之前,header 是正确的:
但是,如果您向下滚动到底部并返回到顶部,您会注意到 header 栏的高度由于某种原因发生了变化,变大了,切掉了蓝色横幅中的部分图像:
如果有人能帮助我并告诉我为什么会发生这种变化以及我该如何解决它,我们将不胜感激!
我只是快速筛选了您网站的源代码,我在 script.js
中的函数 scrollPage()
中找到了我认为导致问题的一行:
$('.navbar-brand').css({ 'padding-top': 19 + "px", 'padding-bottom': 19 + "px" });
不过,这只是一种预感。您必须通过更改值来进一步调查。
当网页滚动到某个点时,将调用上面的行,更改徽标周围的填充。
当我进入 Chrome 开发工具并滚动页面时,我注意到元素的顶部和底部周围有一个统一的填充,看起来像这样,进一步表明它可能是由该填充值引起的:
我需要一些帮助来解决我们网站上的问题。最初创建该网站的人已不在我们身边,我对 javascript/jquery 也不是很熟悉,所以我不知道从哪里开始看。
我们的网站是http://new.onlinehc.com
加载页面时,header 栏会在用户向下滚动页面时停留在顶部。您会注意到 在 滚动之前,header 是正确的:
但是,如果您向下滚动到底部并返回到顶部,您会注意到 header 栏的高度由于某种原因发生了变化,变大了,切掉了蓝色横幅中的部分图像:
如果有人能帮助我并告诉我为什么会发生这种变化以及我该如何解决它,我们将不胜感激!
我只是快速筛选了您网站的源代码,我在 script.js
中的函数 scrollPage()
中找到了我认为导致问题的一行:
$('.navbar-brand').css({ 'padding-top': 19 + "px", 'padding-bottom': 19 + "px" });
不过,这只是一种预感。您必须通过更改值来进一步调查。
当网页滚动到某个点时,将调用上面的行,更改徽标周围的填充。
当我进入 Chrome 开发工具并滚动页面时,我注意到元素的顶部和底部周围有一个统一的填充,看起来像这样,进一步表明它可能是由该填充值引起的: