Focus element on open

Jump to bottom

Vasileios Mitsaras edited this page May 2, 2019 · 1 revision

You can control which element would be focused with the [data-focus].

<aside class="js-offcanvas" id="off-canvas-left" role="complementary">
  <div class="c-offcanvas__inner o-box u-pos-relative" tabindex="-1" data-focus>
     ...
  </div>
</aside>

<aside class="js-offcanvas" id="off-canvas-left" role="complementary">
     <a>..</a>
     <a data-focus>..</a>
     <a>..</a>
</aside>

Scrolls to the top of menu - fixed #24

Codepen Collection