JavaScript– category –

Webサイトでよくある「クリックでメニューを開閉する」機能を、シンプルなJavaScriptで実装する方法を紹介します。 コード内容 HTML構造 <button class="toggle_btn">メニュー</button> <div class="menu">ここにメ...

スマートフォン向けサイトでは、画面下部に固定されたナビゲーションメニュー（フッターメニュー）がよく使用されます。しかし、常に表示されていると画面の視認性を妨げることがあります。 そこで、スクロールの動きに連動して 下にスクロールするとメニ...

JavaScriptを使って「.animate」クラスを指定した要素を、ビューポート内に入ったら「下からふわっと出現」させる方法を解説します。 HTML 以下のように「.animate」クラスを付与したHTMLを用意します。複数の要素を動かす場合は、クラス名「.animate」を...