← Disegno-K サイトトップ ブログ

動く実装サンプル集

JavaScript・CSS 実務向けデモコード集

Web制作でそのまま使える、軽量・実務向けの実装サンプルを公開しています。 すべて「動作デモ＋完成コード」付きです。

このサンプル集の特徴

公開中のデモ

JavaScript

スクロールで表示・非表示が切り替わる固定ヘッダー実装

スクロール方向に応じてヘッダーを自動表示・非表示にする軽量JS実装。 実務サイトでよく使うUXパターンです。

デモを見る
JavaScript

IntersectionObserver スクロール表示アニメーション

画面内に入った要素だけを軽量にアニメーション表示する実装例。 実務向けの基本パターンです。

デモを見る
Coming Soon

追加予定のサンプル

スライダー制御、ローディング演出、UIパーツなどを順次追加予定です。

利用について

サンプルコードは学習・検証・実務への応用を目的として公開しています。 自由に参考・改変してご利用いただけます。

※ ブラウザ環境によっては調整が必要な場合があります。