材料设计精简版：mdl-layout__tab-栏和页面滚动

Question

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

我曾尝试以下解决方案：

# 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面板元件的工作。我发现的（不满意的）解决方案是使用常规的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>