Javascript onclick=window.location锚点跳到顶部

我遇到了一个复杂的情况，在一个单页的wordpress网站上，有各种各样的滑块，它们不能作为选项卡式内容使用，即使它是这样设计的

网站就在这里：项目部分就是问题所在

所以我为每个类别制作了不同的wordpress页面模板。我使用onlick=window.location在所谓的选项卡中导航。但是，当您单击下一个选项卡时，页面会跳转到顶部一小秒，然后再返回。有没有办法避免这种情况发生，并直接前往锚定位置？我尝试添加return-false和javascript:void0，但这也不起作用

以下是链接的代码：

<ul class="projects-cat">
            <li><a href="#" id="project-gallery" onclick="window.location = '/commercial/#projects';">Commercial</a></li>
            <li><a href="#" id="project-gallery" onclick="window.location = '/marine/#projects';">Marine</a></li>
            <li><a href="#" id="project-gallery" onclick="window.location = '/institutional/#projects';">Institutional</a></li>
            <li><a href="#" id="project-gallery" onclick="window.location = '/civil/#projects';">Civil</a></li>
            <li><a href="#" id="project-gallery" onclick="window.location = '/specialty/#projects';">Specialty</a></li>
            <li><a href="#" id="project-gallery" onclick="window.location = '/residential/#projects';">Residential</a></li>


        </ul>

任何帮助都会很棒

编辑* 这在页脚中：

<script>
 $(document).ready(function() {
       $('.projects-cat li a').click(function(e) {
             e.preventDefault();
       });
 });
</script>

---

不，浏览器在呈现页面并计算向下移动的距离时，总是会向下跳转

---

您应该保持在同一页面上，或者加载所有内容，并根据需要隐藏和显示，或者通过AJAX加载每个页面的内容。

Hola，您可以共享更多代码吗，这样的js负责标签？你不应该在页面项目Gallery上多次使用id我继承了这3/4的方式，所以我只是想尽可能简单快速地将最终内容拼凑在一起。但是也许ajax会是一个不错的选择。为什么要使用ajax解决方案呢。当所有这些所谓的标签式滑块同时出现在页面上时，会出现疯狂的冲突。