<script> var scraffold = document.getElementById('scaffold'); var menu = document.getElementById('menu'); menu.addEventListener('core-select', function(e) { if (e.detail.isSelected) { scrollToSection(e.detail.item.getAttribute('name')); } }); function scrollToSection(id) { var section = document.getElementById(id); if (section) { scaffold.$.headerPanel.scroller.scrollTop = section.offsetTop; } } </script><core-scaffold id="scaffold" responsiveWidth="640px">
<core-header-panel navigation flex mode="seamed">
<core-toolbar>Navigation</core-toolbar>
<core-menu id="menu">
<core-item name="drawerPanel" icon="home" label="Home"><a href="#"></a></core-item>
<core-item name="about" icon="account-circle" label="Who"></core-item>
<core-item name="works" icon="work" label="Works"></core-item>
<core-item name="skills-cont" icon="gesture" label="Skills" name="skills"></core-item>
<core-item name="contacts" icon="settings-phone" label="Contacts"></core-item>
<core-item name="cart" icon="shopping-cart" label="D Shop"><a href="#" target="_blank"></a></core-item>
<core-item name="v8" icon="link" label="v8"><a href="" target="_blank"></a></core-item>
<core-item name="v7" icon="link" label="v7"><a href="" target="_blank"></a></core-item>
<core-item name="v6" icon="link" label="v6"><a href="" target="_blank"></a></core-item>
</core-menu>
<div id="about">
<about-koh></about-koh>
</div>
<div id="works">
<works></works>
</div>
....
my bad sorry about this one, didn't notice the typo
var scraffold --> var scaffold
the only problem now is it's not directed to exact div id location using firefox but in chrome is totally fine