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加载每个页面的内容。

onclick = window.location anchor跳转到顶部

1 个答案: