Javascript

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

March 9, 2018
ScrollPos-Styler

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