【jQuery】スクロールで徐々に背景色を変更するScrolling background color

Scrolling-background-colorはスクロールすることで徐々に背景の色を変更することができるjQueryプラグイン。

jQuery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="http://code.jquery.com/color/jquery.color-2.1.0.js"></script>

プラグイン

<script src="dist/jquery.scrolling-background-color.js"></script>
$(window).scrollingBackgroundColor(); // for the entire page background
// or
$('#element').scrollingBackgroundColor(); // for the background of #element

オプション

$( "#element" ).scrollingBackgroundColor( {
from: "#CCCCCC", // startcolor
to: "#FFFFFF", //tocolor
target: 'body', // container changing color 
watch : '#element' // on scrolling
} );

MITライセンス

 
Scrolling-background-color

【jQuery】スクロールで徐々に背景色を変更するScrolling background color

  • LATEST
  • RELATED
  • POPULAR