青いやつの進捗日記。

べんきょうのしんちょくをかいていきます。

JavaScriptのscrollToはIEとかSafariで効かないからPolyfillで対応

これがIEとSafariでは効かない。

window.scrollTo({
    top: 100,
  behavior: 'smooth'
});

正確に言えばbehaviorが効かない。CSSのscroll-behaviorも同じく。

jQueryでanimateさせればよかったかもしれないが、今回はPolyfillで解決。

scroll-behavior-polyfill

$ yarn add scroll-behavior-polyfill
import "scroll-behavior-polyfill";

これで効くようになる。