JavaScript - スクロール系

Webページ最上部に、スクロールに応じてプログレスバーを表示する

Result See the Pen QRrYyV by kachibito (@kachibito) on CodePen. スクロールするとプログレスバーが表示されるやつ。非依存です 仕様が分かりやすいようにド派...

見出しを固定してスクロール分の割合を%とプログレスバーで明示

Result jQuery 見出しの固定はJSではなくCSSのposition: sticky;が使われています html via Sticky Title/Page Progress Bar

スクロールに応じて背景画像を徐々にblurさせる

Result jQuery css html via Zoom and Blur background Image

スクロールに応じて背景を変える

スクロールに応じて背景を変更する

スクロールに応じて固定する見出しが切り替わる

シンプルなコードで作れるページ内スムーススクローラー

#を使ったページ内リンクをスムーススクロール出来るようにする

スクロールしたらフェードインしながら表示される「TOPへ戻る」

スクロールすると途中から要素が付いてくる

永遠にスクロール出来るページを作る

シンプルなページ内スクロール

Ads