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

Question

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

该站点在这里：http://carubba.brandconstructors.com/ 并且“项目”部分是问题所在。

所以我为每个类别制作了不同的 wordpress 页面模板。我使用 onlick=window.location 来浏览所谓的选项卡。但是，当您单击下一个选项卡时，页面会跳到最顶部一秒钟然后返回。有没有办法让这种情况不会发生并直接前往锚点位置？我尝试添加 return false 和 javascript:void(0) ，但这也不起作用。

这是链接的代码：

<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>

Answer 1

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

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