页面重新加载时，滚动条上的透明颜色导航栏不会切换到颜色

的原因是，这涉及到前端开发中的页面渲染和样式控制。

当页面重新加载时，浏览器会重新解析HTML、CSS和JavaScript，并根据这些代码生成新的页面。在这个过程中，滚动条上的透明颜色导航栏的样式可能会被重置为默认样式，导致不会切换到颜色。

为了解决这个问题，可以通过以下几种方式来实现滚动条上的透明颜色导航栏在页面重新加载时保持不变：

1. 使用JavaScript：在页面加载完成后，通过JavaScript代码来重新设置滚动条上的透明颜色导航栏的样式。可以通过DOM操作找到导航栏元素，并设置其样式属性，例如背景颜色。
2. 使用CSS持久化样式：将滚动条上的透明颜色导航栏的样式定义为一个CSS类，并将该类应用于导航栏元素。然后，在页面加载时，通过JavaScript代码来添加该类，以保持导航栏的样式不变。
3. 使用本地存储：在页面加载时，将滚动条上的透明颜色导航栏的样式信息存储在本地存储中。然后，在页面重新加载时，通过JavaScript代码从本地存储中读取样式信息，并应用于导航栏元素。

以上是一些常见的解决方案，具体的实现方式可以根据具体的项目需求和技术栈来选择。在腾讯云的产品中，可以使用腾讯云的云开发服务（https://cloud.tencent.com/product/tcb）来进行前端开发和部署，同时可以使用腾讯云的CDN加速服务（https://cloud.tencent.com/product/cdn）来提高页面加载速度和用户体验。