GoUp!は、ページ上部にスクロール移動してくれるシンプルなjQueryプラグインです。ボタンをクリックすると、ページ上部へスルスルとスムーズにスクロール移動できます。シンプルな機能ながらも、オプションがいろいろ用意されているのでカスタマイズ性にも優れています。GoUp!の実際のデモ動作をチェックできます。Deme」と書かれた矢印ボタンが表示されます。ここをクリックすると、自動でページ上部までスクロールされます。スムーズに上まで移動できるので、縦長のページなどでは特に便利な機能ですね。使い方も非常に簡単なので、サクッと手軽に実装することができます。オプションの数もけっこう豊富なので、カスタマイズして使用したい人にもピッタリです。主なオプション項目は、location、locationOffset、bottomOffset、containerSize、containerRadius、containerClass、arrowClass、containerColor、arrowColor、trigger、entryAnimation、alwaysVisible、goupSpeed、hideUnderWidth、title、titleAsText、titleAsTextClass、zIndexです。コンテナのサイズやカラー、矢印のカラーや上まで移動するスピード、タイトルの指定など、細部まで自分好みにカスタマイズできるのはうれしいですね。ちなみに、スピードのデフォルト値は「slow」になります。ほかにも、「normal」か「fast」を指定することが可能です。GoUp!」の紹介でした。GoUp!の詳しい使い方やダウンロードは、下記からどうぞ。関連記事JavaScript3Dキューブのように回転するカウントダウンタイマーを実装できる「countdownCube」countdownCubeは3Dキューブのようにクルッと回転するカウン...JavaScriptカラーの濃淡を得ることができるJavaScriptライブラリ「Reshader」Reshaderは、カラーの濃淡を得ることができる便利なJavaScr...JavaScript様々なカスタマイズができる便利な通知バー「jquery.peekABar」jquery.peekABarは様々なカスタマイズが可能な通知バー(通...JavaScriptシンプルでレスポンシブ対応のカッコイイ通知を表示できる「Notyf」Notyfはシンプルでレスポンシブに対応したカッコイイ通知を表示させる...JavaScriptシンプルで軽量なスクロールアニメーション実装「animateMePlz」animateMePlzはシンプルで軽量なスクロールアニメーションを実...JavaScriptHTML5のinput属性による検証ができるフォーム実装「Validatr」Validatrは、HTML5のinput属性を用いて検証できるさまざ...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。