記事一覧
javascript ビューアー
こんにちは、fukuです
今回は、data属性を使ったビューアーを勉強したのでそのアウトプットとします。
まず、コードを貼ります
<!DOCTYPE html><html lang="ja" dir="ltr"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="index.css"> <title></tit
javascript スムーススクロール
こんにちは、fukuです。
今回はスムーススクロールを作成したのでその解説です。
流れは、htmlで上部に戻るボタンを作って
クリックしたら、top: 0にスクロールさせる!
以上!
前回のハンバーガーメニューよりはコードが少なくて
ちょっと楽でした!
html・javascript
<!DOCTYPE html><html lang="ja" dir="ltr"> <head>
javascript ハンバーガーメニュー
こんにちは、fukuです。
今日はハンバーガーメニューを勉強したので
そのアウトプットとします。
流れとしては、
html、cssで基本的な形を作って
次に、クリックした時の
ハンバーガーとメニューの動きのクラスをcssで作る
そして、javascriptでクラスを付けたり消したりする。
説明は簡単だけど、途中で頭がこんがらがって
めっちゃ時間かかっちゃいました(>_<)
HTML全体