こんにちは！ サイボウズ フロントエンドエキスパートチームの麦島です。今回のテーマは 「スクロール」 に関するモダンな機能群です。 ブラウザ上でスクロールに絡む機能を実装しようとすると、考慮すべき点や制約は多くなります。 たとえば ...

基本的にWebページは縦長になるようにレイアウトされ、上下にスクロールしながら閲覧することが一般的です。横スクロール型のWebサイトはFlashサイトなどで一部見られましたが、特別な理由が無い限り導入されることはありませんでした。しかし、Web ...

From little-known scroll-snap properties to astonishing new color palettes, here are 10 Cascading Style Sheets updates you won't want to miss. Cascading Style Sheets (CSS) first dropped in 1996, and ...

ウェブブラウザ「Google Chrome」の最新安定版であるバージョン140がリリースされました。CSSに対する機能追加や仕様変更が ...

こんにちは！ サイボウズ フロントエンドエキスパートチームの麦島です。 今回のテーマはContainer Queriesです。 Container Queriesは、祖先要素として存在するコンテナのスタイルに応じてCSSを適用するための機能です。利用時は@containerで宣言します。 従来でも ...

これによりスクロールできないスクロールコンテナに対しても、overscroll-behaviorプロパティを使用してオーバースクロールの動作を制御できるようになり、overflow: hiddenバックドロップまたは overflow: auto要素でオーバーフローしているかどうかを気にすることなくスクロールの伝播を防ぐことができるようになります。