pos anime

指定された要素が画面に見えると指定したcssクラスを追加するやつ。

1:jsファイルを用意する

jquery.pos_anime/scroll-image-loading.js

2:指定したい要素にjs-addclass-scroll-patternを追加する

<p class="js-addclass-scroll-pattern">中身要素のテキストなど</p>

3:data-addnameを追加して追加したいcssを指定する

<p class="js-addclass-scroll-pattern" data-addname="add_css_name">中身要素のテキストなど</p>

追加したいcssについては別途クラス指定をどこかにしておく必要があります。
参考例

親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。
新築の二階から首を出していたら、同級生の一人が冗談に、いくら威張っても、そこから飛び降りる事は出来まい。弱虫やーい。
と囃したからである。小使に負ぶさって帰って来た時、おやじが大きな眼をして二階ぐらいから飛び降りて腰を抜かす奴があるかと云ったから、この次は抜かさずに飛んで見せますと答えた。(青空文庫より)

デザイニングナスカはwebデザインなどのweb系、およびDMデザインなどの平面デザインを行っています。

安く、手早く、それなりに。をコンセプトとしてデザイン活動を行っています。
デザイニングナスカという言葉は創立時に多くの知り合いの方のアイデアを元に作った造語です。
この名前をずっと長く使えるように頑張っていきたいと思っています。
サイトメニューを見る ページトップに戻る

Twitter Facebook mail