【jQuery】微妙なバランスのとれたスクロールエフェクトScroll Balanced

jQuery

Scroll Balanced

January 5, 2018

Scroll Balancedはバランスのとれたスクロールコンテンツ用のjQueryプラグイン

How to use

jQueryを含める

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

scroll-balanced.jsを含める

<script src="js/scroll-balanced.js"></script>

スタイルシートを含める

<link rel="stylesheet" href="css/scroll-balanced.css">

マークアップ

<div class="row-scroll-balanced" data-scroll-balanced>
  <div class="column-scroll-balanced scroll-balanced-left">
	
		<div class="scroll-balanced-item">
			<!--.put your content here-->
		</div>

  </div>

  <div class="column-scroll-balanced scroll-balanced-right">

	  <div class="scroll-balanced-item">
			<!--.put your content here-->
	  </div>

  </div>
</div>

Latest Posts

Related Posts