スクロール値でページ下との割合で下の棒線が動く

スクロール値でページ下との割合で下の棒線が動く

今回は、「スクロール値でページ下との割合で下の棒線が動かしたい」という要望がクライアントからあり、
JSとCSSを使ってカスタマイズしていくことで要望をかなえることができたので、その方法を
お伝えできればと思います。

実際のデモ画面はこちら。
https://www.marcatcube.com/sample/scroll_bar_setting/

この作り方ですが、
まず、このようにHTMLを作成します。

次に、JSで
このように記述し、

CSSに

こうしておくとと完成します。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です