jQuery

【jQuery】スクロールトップ機能を実装するためのプラグインScrollToTop

April 5, 2017
scrolltotop

ScrollToTopはスクロールトップ機能を実装するためのjQueryプラグイン。

Basic Setup

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="scrollToTop.js"></script>

HTML

<div class="scroll"></div>

Jquery

$('.scroll').scrollToTop();

Jquery Settings

$('.scroll').scrollToTop({
	color: "yellow",
	backgroundColor:"#fff",
	svg: {
		fill: "#C80C17"
	     },
	animation: {
		scrollPosition: "150",
		speed: "speed"
		}
});

設定プロパティ

  1. color 色
  2. backgroundColor 背景色
  3. SVG
    1. fill SVGの塗り
  4. animation アニメーション
    1. scrollPosition スクロールポジション
    2. speed スピード

MIT