Cntlog > スキルアップ・ノウハウ > JavaScript・jQuery > jQuery不要のスクロール時の起動で使えそうなJSライブラリ

jQuery不要のスクロール時の起動で使えそうなJSライブラリ

最近Vue.jsを使う機会が増えたのもあってjQuery依存しないライブラリを探していました。

いろいろ調べてみると、delighters.jsが良さそうでした。

実際に使ってみた感想・使い方は後日かければなーと思います。

他にも気になってたライブラリ

CSSで記載するのではなく、JS側で書くタイプだとscrollrevealが良さそうでした。

下記のように対象のclassを指定して、書けるので結構細かく書けそうなのが気に入っています。

sr.reveal('.animate', { easing: 'ease', duration: 2000, distance: '400px', opacity: 1, scale: 1 });

ただ商用利用だとライセンスを購入する必要がありそうな記述があったので、実際に使うかはちょっとプロジェクトによりそうな印象があります。

関連記事

Vue.jsの入門レベルを学ぶためにやったこと... ここ3ヶ月くらい気になっていたVue.jsを使うようになりました。 私はJSがそれほど得意ではないのですが、Veu.jsは日本語の情報も多くて、調べると結構情報が出てきます。 とはいえ、初めて使うあるあるだと思うのですが、何から手を付けていいかわからない問題に出くわすと思います。 手探...
簡単にスクロールアニメーションが設定できるAOS(jQuery不要)... 最近のWebサイトを見ているとメインビジュアルのアニメーション以外にもスクロール時にコンテンツの一部がアニメーションしてるページが増えてきました。 一つ一つJSで操作を管理すると結構手間になりますがライブラリを使えば、簡単に出来るものもあります。 今回はJSをほぼ書かずに簡単にスクロール...
初めてjQueryプラグインを作ってみた(RSS取得)... 最近社内でJSを書く機会が増えてきたので、他の人にも扱いやすいようにと思ってjQueryプラグインにする事を思いつきました。 作ったプラグインの内容はRSSを取得・表示させるためのjqueryプラグインです。 「WordPressならそんなのデフォルトで入ってるやん…」って思ったくら...
npmで書くときの簡単な書き方 package.jsonを作る この書き方だと何も聞かれずにいい感じのpackage.jsonが作られる。 npm init -y packageのインストール方法 npm install ––save-devの省略系です。 書き方が短くなって便利。 npm i ...
Vue.jsとmoment.jsでカウントダウンタイマーを作る(サンプルコード有り)... カウントダウン系のライブラリは結構ありますが、Vue.jsとmoment.jsを使うだけで簡単にカウントダウンの数字を生成できるのでご紹介します。 vue.jsとmoment.jsを使う理由 vue.jsは簡単にデータの受け渡しができるので、リアルタイムにデータの反映ができるようになりま...
【jQuery不要】スクロールで画面内・外の要素を制御するJSライブラリ in-view.js... ページスクロールをして、特定の要素がウインドウ内で表示されたタイミングを検知してアニメーションをさせたり、classをつけるといった要望はよくありますね。 以前はjquery.inviewを使っていたのですが、jQueryに依存(1系に)してることもあって、使えるシーンがすくなっていました。...