js | KonNotes

js

WEB制作

【js】リロードしたらページトップに戻る実装

案件で表示の都合上リロードした時にページのトップに戻ってほしいということがありました。多くのブラウザがスクロールした位置を覚えて、リロード時にその位置のまま表示してくれる便利な機能がありますが、今回はそれを無効化したかったです。CodePe...
WEB制作

【css/js】スライドダウンでサブメニューをjQueryなしで表示と非表示を操作する実装

スマホでハンバーガーメニューを実装する際初期状態でサブメニューは非表示開閉ボタンでサブメニューを表示と非表示を切り替え開閉どちらもスムーズなアニメーションを付与という要件の案件がありました。jQueryは使いたくなく、cssとjsだけでどう...
WEB制作

【js】Cookieを利用してポップアップの表示と非表示を操作する実装

ある特定のページにリンクする要素を、トップページの目立つ箇所にポップアップで表示させるという依頼がありました。クローズボタンをユーザーがクリックして非表示にした時、リロードのたびに表示されてしまうのではユーザー体験的によくありません。そこで...