WebDesigner's Memorandumウェブデザイナーの備忘録

気になるCSSプロパティ

ブラウザでこれ以上スクロールできない場合の挙動を制御する「overscroll-behavior」プロパティ

Macのブラウザでこれ以上スクロールできない場所までスクロールしたのに、そこからさらに先へスクロールしようとすると画面が伸びて指を離すと跳ね返るような挙動になります。 要は「これ以上スクロールできませんよ」とユーザーに知らせるためのインタラクションで…

CSSで1行で簡単にスムーススクロールを実装できる「scroll-behavior」プロパティ

CSSで1行で簡単にスムーススクロールを実装できる「scroll-behavior」プロパティ

ページ内リンクをクリックしたときに、ページがキレイにスクロールしながら移動するいわゆる「スムーススクロール(スムーズスクロールと言う人もいますが、英語だとSmooth Scrollなので、この記事ではスムーススクロールに統一します)」。 ひと昔前だと…

CSS pointer-events

pointer-eventsプロパティでクリックイベントを無効化にする|気になるCSSプロパティ

今回はクリックイベント判定を操作するpointer-eventsプロパティについてじっくり見ていきます。 使い方 pointer-eventsプロパティは、基本的に値はautoかnoneのどちらかです。 auto(デフォルト)が通常通りの挙動になり、…