【Javascript】スクロール位置に応じてカスタムCSSクラスをHTML要素に追加するScrollPos Styler

Javascript

ScrollPos-Styler

March 9, 2018

ScrollPos Stylerhはウィンドウのスクロール位置に応じてカスタムCSSクラスをHTML要素に追加するシンプルなJavaScript。特定の位置より下にスクロールするときに1つのCSSクラスが追加され、その位置をスクロールするときにもう1つ追加されます。

Usage

body要素の最後でHTMLページにscrollPosStyler.jsをインポートする。

Options

現在のスクロール位置に基づいて適切なクラスをScrollPosStyler.init()に追加する。

  1. scrollOffsetY
  2. spsClass
  3. classAbove
  4. classBelow
  5. offsetTag

MIT

Latest Posts

Related Posts