Question

我正在使用此处所述的Foundation 6标签：https://foundation.zurb.com/sites/docs/tabs.html

我想要深层链接，所以我把属性data-deep-link = true。这样可以正常工作，但由于不同标签的内容长度不同，因此切换标签时网站会上下跳动。

有没有办法允许深层链接而无需滚动到Foundation 6中的内容？

（我读到这可以使用Foundation 5，使用scroll_to_content：false，但我没有找到任何关于Foundation 6的文档。）

要解释一下，只需一个标签条目：

<ul class="tabs" data-tabs data-deep-link="true" data-deep-link-smudge="true" data-update-history="true">
    <li class="tabs-title is-active">
        <a href="#jumpToTab">link</a>
    </li>
</ul>

以下是标签内容容器：

<div class="tabs-content" data-tabs-content="device-manager-tabs">
    <div class="tabs-panel is-active" id="jumpToTab"></div>
</div>

从浏览器的角度来看，跳转到#jumpToTab是正确的。但无论如何我想避免它，保持基金会的功能。如果Foundation能够使用自定义属性（例如data-tab-id而不是id，这也是浏览器解释的），那就没问题了。

Answer 1

尝试将QDockWidget添加到标签容器中。

避免使用Foundation 6

1 个答案: