マテリアルデザインlite：mdl-layout__tab-barとページスクロール

Question

ナビゲーションバーにリンクがいくつかあるmdl-layout__tab-barがあります。私はこれらのリンクがページのセクションにページのスクロールをトリガするようにします。

は、私は次の解決策を試してみました：MDL-layout__tabリンクが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-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> 

の作品