manabuyasuda / website-template

静的Webサイト制作を少しモダンにするためのテンプレート
https://manabuyasuda-website-template.netlify.app/styleguide/
MIT License
60 stars 13 forks source link

Improve: スムーススクロール後にフォーカスを移動する #285

Closed manabuyasuda closed 4 years ago

manabuyasuda commented 4 years ago

スムーススクロール後にフォーカスが移動元のままになっている。 以下のように、移動先の要素にフォーカスを移動させる。

    // スクロール先要素にフォーカスを変更する
    after(offset, $trigger, scrollElement) {
      const destination = document.getElementById(scrollElement.ctx.hash.replace('#', ''));
      destination.setAttribute('tabindex', '-1');
      destination.focus();
    },
    // body要素にフォーカスを変更する
    after() {
      const destination = document.getElementsByTagName('body')[0];
      destination.setAttribute('tabindex', '-1');
      destination.focus();
    },