タグ

ブックマーク / qiita.com/hashimoto-1202 (1)

  • position:stickyのpolyfillの内部実装を調べてみた - Qiita

    サイト改修の中でposition:stickyのpolyfillを使用する機会がありました。 今回はpolyfillの内部実装と利用する際に注意すべきことを紹介したいと思います。 position:stickyとは まず始めにposition: stickyの簡単な紹介から。 position: stickyは、画面からスクロールアウトする際に、画面の上下左右、指定した位置で要素の固定し、スクロールに追従してくるような配置を可能にするcssの記述です。 下記の場合、.sampleの要素が画面に現れたら、topが0の位置で追従します。 このcssを用いるとサイドバーとを特定の位置までスクロールさせたら追従させたり、スクロールが発生するtableの組んだ時に、thのみ追従させることが可能になり便利です。 position:stickyのサポート状況 上記で紹介したとおり、position:st

    position:stickyのpolyfillの内部実装を調べてみた - Qiita
    KinjouJ
    KinjouJ 2018/06/14
  • 1