<a href="#targetId" class="b-link b-link--block js-smoothscroll">Click (this is targeting an element with id attribute)</a>
<br />
<a href="#targetName" class="b-link b-link--block js-smoothscroll">Click (this is targeting an element with name attribute)</a>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div id="targetId">This was targeted by the id attribute</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div name="targetName">This was targeted by the name attribute</div>
<a href="#targetId" class="b-link b-link--block js-smoothscroll">Click (this is targeting an element with id attribute)</a>
<br />
<a href="#targetName" class="b-link b-link--block js-smoothscroll">Click (this is targeting an element with name attribute)</a>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div id="targetId">This was targeted by the id attribute</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div name="targetName">This was targeted by the name attribute</div>
/* No context defined for this component. */
This component is for smooth navigation around elements on the same page.
How this works is you add to a link js-smoothscroll with a href value of either the ID or class of the element you wish to target (classes with be formatted like this .classname and IDs will be formatted like this #IDname).
When the link is clicked it will soothly scroll to the element targeted.
NOTE: No styles have beenattached to this component.