滚动页眉调整大小不正确

时间:2015-01-03 03:28:59

标签: javascript jquery html css

我需要一些帮助解决我们在网站上遇到的问题。最初做网站的人不再和我们在一起了,我对javascript / jquery并不熟悉,所以我不知道从哪里开始看。

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

当页面加载时,有一个标题栏在用户向下滚动页面时保持在顶部。你会注意到之前滚动,标题是正确的: enter image description here

但是如果向下滚动到底部并返回到顶部,您会注意到标题栏的高度因某种原因而变化,使其变大,从而切断蓝色横幅中的部分图像: enter image description here

如果有人可以帮助我并告诉我为什么这会改变以及我如何解决它,我们将不胜感激!

1 个答案:

答案 0 :(得分:1)

我刚刚浏览了您网站的来源,我在script.js中的scrollPage()函数中找到了一条我认为导致问题的行:

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

但这只是预感。您需要通过更改值进一步调查。

当网页滚动过某个点时,会调用上面一行,更改徽标周围的填充。

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

Padding around the .navbar-brand element