エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Vueだけでつくる!ページトップへ自動スクロールするコンポーネント(DL可)
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Vueだけでつくる!ページトップへ自動スクロールするコンポーネント(DL可)
さてさて、前回は時・分が連携する時間入力コンポーネントでユーザビリティがテーマの記事をお届けしま... さてさて、前回は時・分が連携する時間入力コンポーネントでユーザビリティがテーマの記事をお届けしましたが、今回もその流れで「あれば地味に便利」という機能をつくってみたいと思います。 それは何かと言うと「クリックするとページの一番上まで自動的にスクロールしてくれる」機能です。 特にページが縦に長い場合だと便利なんですが、例えば以下のようなボタンをクリックすると一番上まで移動してくれたら便利じゃありませんか?? なお、実は自動スクロールする部分はJavaScriptライブラリのパイオニアjQueryで以下のようにすぐ実装することができます。 $('html,body').animate({ scrollTop: 0 }, 1000); // 1秒で移動 でも! 最近はjQueryを使わないサイトもじわじわ増えつつありますので、今回はjQueryは一切使わずVueとJavaScriptだけでコンポ