前言

给小站加上右侧边 —> 这个彩色动态滚动条的时候，遇到了js无法修改css的问题

排查之后发现是document.querySelector("#progressBar")返回了null值

折腾了好久，甚至以为是不支持querySelector语法

后面在stackOverflow找到解决方法

javascript - document.querySelector(...) is null error - Stack Overflow

方法

<script type="text/javascript" src="xxx.js" defer></script>

在你引用js的位置加上 “defer” ，延后该条js的加载

保证相应的css在js前加载完成，防止querySelector找不到目标

题外话

右边滚动条的颜色分别是初音和天依的应援色