活动类在不同的浏览器中无法正常工作

Question

有一个网站 http://sulopa.co.in/kalpproject/en/。

如果向下滚动，则会出现导航栏。如果您在Google Chrome中打开它，然后单击导航栏的每个部分，它会正确显示标题。但是如果你在Firefox浏览器中打开，标题就会被删除。

此外，如果您在Google Chrome中打开某个部分，则导航栏菜单不会生效。

例如，如果单击“设施”部分，“图库”部分将保持活动状态。如果单击“布局规划”，“设施”部分将保持活动状态。

任何人都可以帮助我吗？

Answer 1

只需更改当前的main.js文件的第15行，

window.location.hash = href;

用此代码替换此行

if(history.pushState) {
    history.pushState(null, null, href);
}
else {
    location.hash = href;
}

基本上你在firefox中设置window url hash时遇到了跳页问题。解决方案是简单地使用现代浏览器支持的历史API以及旧版的回退。