jquery - 動的水平スクロール シャドウ

Question

水平スクロールバーが最後にあるかどうかをどのように検出しますか。

水平スクロールの影を追加してここまで来ました: http://codepen.io/hugo/pen/kCveF

しかし、スクロールバーが最後に達したら、クラス「.shadow-middle」を削除し、クラス「.shadow-left」を追加したいと思います。

どうすればいいですか？

Answer 1

ページの読み込み時にウィンドウ サイズを取得してから、scrollLeft() if ステートメントを設定して、window の幅が scrollLeft と等しい場合は、中間の影を削除し、左の影を追加します。

私は codepen であなたのプロジェクトをフォークし、私が説明していた JavaScript を書きました。ここにペンがあります

Answer 2

コンテナの幅を取得して scrollLeft と比較し、スクロール時にクラスが同じ場合にクラスを切り替える必要があります。