2019年05月27日(月)

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

• 0
• 0
• 4
• 23

Result

See the Pen QRrYyV by kachibito
(@kachibito) on CodePen.

スクロールするとプログレスバーが表示されるやつ。非依存です
仕様が分かりやすいようにド派手なグラデーションにしています

スクロールに応じて徐々に伸ばしているのが分かります

Ads

JavaScript

/* MIT License by flouthoc/scrollpup.js github.com/flouthoc/scrollpup.js Copyright (c)flouthoc */ (function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : (global.scrollpup = factory()); }(this, ...