JS 28 - 客制化滚动卷轴：样式多，支援度也广！

大家好！

我们今天要实作的自订滚动卷轴，不仅能自订方向、选择更多样式，甚至支援度比 CSS 更广。
我们进入今天的主题吧！

程序码

(function () {
    const bar = Felix('body').insert('#scrollbar');
    bar.style = 'position: fixed; left: 0; right: 0; bottom: 0; z-index: 999; width: 0; height: 0.5em; background-color: rgb(250, 125, 125);';
    window.addEventListener('scroll', function () {
        const schedule = window.scrollY / (Felix('html')[0].clientHeight - window.innerHeight);
        bar.style.width = schedule * 100 + '%';
    });
})();

实测

直接观看范例

差不多也到尾声了。
如果对文章有任何疑问，也欢迎在下方提问和建议！
我是 Felix，我们明天再见！