✨scroll progress on body
Last updated
Was this helpful?
Last updated
Was this helpful?
Was this helpful?
browser ⟩ event ⟩ type ⟩ scroll ⟩ example ⟩ scroll progress on body
update the progress bar's width when body.onscroll. (body's height is fixed)
replit ⟩ scroll progress (1) , require -> Node+ext, Element+boxes
const { log } = console
// ⭐️ import
import { $ } from './js/ext/Node_ext.js'; // Node + ext
import { viewport } from './js/ext/Element+boxes.js'; // Element + boxes
// --------------------------------------------------------------------
// elements
📁 CSS
html, body {
height: 300px;
overflow: scroll; /* ⭐️ 必須 html, body 兩者都設定才有效,不知為何? */
}