プラグインでうまくいかない

サイドバーの固定にプラグインを使っていたけれど…

どうも、思った通りに固定できない。一応、レスポンシブにしているので、pxを使っていないから、余計にうまくいかない。Wordpressの「Q2W3 Fixed Widget」というプラグインが、とても簡単で感動していたが、どうもずれる。

初めの位置

スクロールするとずれる

画像２枚目は、もうcssを調整していないので、大げさなずれだけど、とにかくずれる。

stickyが便利らしい

position系はマスター出来ていないので自信はないが、ピタッと理想通りなのと、cssなので理想的。
ただ、IEやEdgeに対応できていないのが難ありのようだが、polyfillを使えばよいとのことで、素直にそのままに。

最後のpolyfillで難渋

IEとEdge向けにpolyfillを使う最後の手段。
また初心者だからだったのか、何度入れてもうまくいかない。

これでOKというので、jsを読み込んで、header部分に入れてもエラーが。
内容はStickyfillが定義されていないよ、と。そう思う。他の英語の相談を見ても、import * as Stickyfill from~とか試すもエラー。
延々と探し、ようやくうまくいきました。functionが足りていなかったみたい。気づけたような、気づけなかった。
助かりました。

とても気持ちがよい。