インヴュー未リファクタリング

その場でフェードインして表示

下からフェードイン

右から左へ動いてくる

クラス名

in-view

マークアップ例

<div class="js_inViewFadeIn">
	<h2>その場でフェードインして表示</h2>
</div>
<!-- /.js_inViewFadeIn -->

<div class="js_inViewFadeInBottom">
	<h2>下からフェードイン</h2>
</div>
<!-- /.js_inViewFadeInBottom -->

<div class="js_inView un_slide2Left">
	<h2>右から左へ動いてくる</h2>
	<p>クラス名<code>.js_inView</code>は、特に動きが指定されていないので、追加で指示を書く必要がある</p>
</div>
<!-- /.js_inView .un_slide2Left -->

定義

機能

あしらい・振る舞い
要素がウインドウ内に表示されたら、状態変化

特記事項

変数とデフォルト値

xxx

ファイルパス

assets/scss/block/in-view

利用しているライブラリ

Change Log

  1. 開発開始:2024-03-26
  2. 最終更新:2024-03-26