JavaScript– category –

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

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

今回はJavaScriptを使ってビューポート内に入ったら「下からふわっと出現」させる方法を解説します。 ではいく〜 今回やりたいことの大まかなイメージ 「ふわっと出現」させたい要素にクラス名を付与させる。 ふわっとの表現はCSSも使う 画面に入たかどう...