[JS]縦長のスクロールページに使いたい便利なスクリプト -isInViewport.js

テクノロジーカテゴリーの変更を依頼記事元:

coliss.com

30users がブックマークコメント

記事へのコメント5件

注目コメント
新着コメント

sugarshin via コリス http://coliss.com

2014/04/09 リンク

kasumani 縦長のスクロールページに使いたい便利なスクリプト -isInViewport.js 縦長や横長のスクロールを前提にしたページで、特定の要素がビューポートにあるかどうかを調べ、ビューポートに入ったらスタイルシートを適用できるjQu

2014/04/04 リンク

kana321 縦長や横長のスクロールを前提にしたページで、特定の要素がビューポートにあるかどうかを調べ、ビューポートに入ったらスタイルシートを適用できるjQueryのプラグインを紹介します

2014/04/04 リンク

ebisu3htn 縦長や横長のスクロールを前提にしたページで、特定の要素がビューポートにあるかどうかを調べ、ビューポートに入ったらスタイルシートを適用できるjQueryのプラグインを紹介します。 isInViewport.js -GitH […] via コリス http:

2014/04/04 リンク

nors https://github.com/zeusdeux/isInViewport

2014/04/04 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

[JS]縦長のスクロールページに使いたい便利なスクリプト -isInViewport.js

Demo: Basic div要素が縦に並べてあるだけのページで、最初は背景のカラーが全てグレーです。スクロール... Demo: Basic div要素が縦に並べてあるだけのページで、最初は背景のカラーが全てグレーです。スクロールするとビューポート内にある2番目のdivのみ明るいグレーになります。アドバンスではビューポートを上から100px狭く設定し、適用しています。 ※ベーシックにもスクロールするとこの機能が発動します。 Demo: Advanced isInViewport.jsの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトをhead内に外部ファイルとして記述します。 <head> ... <script src="jquery.min.js"></script> <script src="isInViewport.min.js"></script> </head> Step 2: HTML HTMLは特に意識する必要はありません、通常通り実装します。 <div> ...