• サイドバーの固定はstickyで

    2019/04/09
  • プラグインでうまくいかない

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

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

     

    初めの位置

    初めの位置

     

     

    スクロールするとずれる

    スクロールするとずれる

     

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

    stickyが便利らしい

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

     

    最後のpolyfillで難渋

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

     

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

     

    とても気持ちがよい。

Comment

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。