Material design lite：mdl-layout__tab-bar 和页面滚动

Question

我有一个 mdl-layout__tab-bar，导航栏中有几个链接。我希望这些链接触发页面滚动到页面的各个部分。

我尝试了以下解决方案：

# the targeted section starts with the <a name="myTargetedSection" id="myTargetedSection"></a> tag
<div class="mdl-layout__tab-bar">
    <a href="#myTargetedSection" class="mdl-layout__tab is-active">My link</a>
    ...
</div>

这不起作用，也不起作用

<div class="mdl-layout__tab-bar">
    <a href="#myTargetedSection" class="mdl-layout__tab" onclick="elmnt = document.getElementById('myTargetedSection'); scrollTo(document.body, elmnt.offsetTop, 600);">My link</a>
    ...
</div>

似乎 mdl-layout__tab 链接仅适用于 mdl-layout__tab-panel 元素。我发现的（不满意的）解决方案是使用常规的 mdl-navigation__link 链接，但是这些链接没有底边框，并且不能在小屏幕上水平浏览。

有什么想法吗？谢谢！

Answer 1

已解决：以下代码有效

<div class="mdl-layout__tab-bar">
    <a href="#myTargetedSection" class="mdl-layout__tab" onclick="elmnt = document.getElementById('myTargetedSection').scrollIntoView();">My link</a>
</div>