タグ

fixedに関するcolissのブックマーク (1)

  • ページ内リンクが固定ヘッダと重なって隠れる問題を解決するCSSのテクニック

    ここ数年で、スクロールしてもヘッダが上部に固定配置されているページが増えてきました。UX的には便利な面もありますが、その反面問題もあります。固定ヘッダがあるページでページ内リンクをクリックすると、移動した先が固定ヘッダに重なって隠れます。 そこでscroll-snapプロパティの登場です。scroll-snapのscroll-paddingプロパティを使用して、この問題を解決するCSSのテクニックを紹介します。 Fixed Headers, On-Page Links, and Overlapping Content, Oh My! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ページ内リンクが固定ヘッダと重なって隠れる scroll-paddingとscroll-margin 「scroll-snapプロパティ」のサポートブ

    ページ内リンクが固定ヘッダと重なって隠れる問題を解決するCSSのテクニック
    coliss
    coliss 2019/04/08
    スクロールして、ページ内リンクが固定ヘッダと重なって隠れてしまう問題を解決するテクニック。
  • 1