Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 标题活动类为';设置不正确_Javascript_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 标题活动类为';设置不正确

Javascript 标题活动类为';设置不正确,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,在my上,当您单击其中一个导航栏链接时,它会转到html文档的正确区域,但它会在导航栏上显示错误的活动类。但是,当你向下滚动一小段时,它将更改为正确的颜色/类别 我尝试将custom.js第45行中的-40改为-9,它工作正常,但标题现在稍微被删掉了 我的原因是在您的网站上,当您单击导航栏链接时,它不会完全滚动到该部分,因为导航栏的高度。您使用了一个模板,因此根据他们编写页面滚动代码的方式,考虑到导航栏的高度,他们特意将页面滚动到部分上方一点。为了避免这种情况 解决方案1 1-转到您的custo

在my上,当您单击其中一个导航栏链接时,它会转到html文档的正确区域,但它会在导航栏上显示错误的活动类。但是,当你向下滚动一小段时,它将更改为正确的颜色/类别

我尝试将custom.js第45行中的-40改为-9,它工作正常,但标题现在稍微被删掉了


我的

原因是在您的网站上,当您单击导航栏链接时,它不会完全滚动到该部分,因为导航栏的高度。您使用了一个模板,因此根据他们编写页面滚动代码的方式,考虑到导航栏的高度,他们特意将页面滚动到部分上方一点。为了避免这种情况

解决方案1

1-转到您的
custom.js
行号45

2-将
scrollTop:target.offset().top-40的值增加到
scrollTop:target.offset().top
或更多,具体取决于您

但是如果你这样做的话,很明显,章节的标题会隐藏在导航栏后面。我在下面建议了另一种更清洁的解决方案

解决方案2


您只需添加一个
边距顶部:80px到每个部分(统计、概述等)。

你能分享一些链接或代码来更好地解释你的问题吗?是的,我这样做了,但是链接太远了。我提供的解决方案2不会滚动太远。我已经直接在您的网站上进行了更改并进行了测试,看起来效果不错。好的,谢谢,您知道其他解决方案吗?像这样。谢谢!有点像黑客,但也行!