在浏览器当前窗口滚动条中同时显示多种颜色

，可以通过CSS样式来实现。具体步骤如下：

1. 首先，需要在HTML文件中添加一个样式表，可以使用<style>标签或者外部CSS文件引入。
2. 在样式表中，使用::-webkit-scrollbar伪元素来选择滚动条，并设置其样式。
3. 使用background属性来设置滚动条的背景颜色。
4. 使用width属性来设置滚动条的宽度。
5. 使用border-radius属性来设置滚动条的圆角。
6. 使用::-webkit-scrollbar-thumb伪元素来选择滚动条的滑块，并设置其样式。
7. 使用background属性来设置滑块的背景颜色。
8. 使用border-radius属性来设置滑块的圆角。
9. 使用::-webkit-scrollbar-track伪元素来选择滚动条的轨道，并设置其样式。
10. 使用background属性来设置轨道的背景颜色。

下面是一个示例的CSS样式代码：

<style>
  ::-webkit-scrollbar {
    width: 10px;
  }

  ::-webkit-scrollbar-thumb {
    background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
    border-radius: 5px;
  }

  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
</style>

在上述代码中，滚动条的宽度被设置为10px，滑块的背景颜色使用了一个渐变色，包括红、橙、黄、绿、蓝、靛、紫七种颜色，轨道的背景颜色被设置为灰色。

这样，当页面中有滚动条出现时，滚动条的滑块就会显示多种颜色。

请注意，上述代码只适用于使用WebKit内核的浏览器，如Chrome、Safari等。对于其他浏览器，可能需要使用不同的CSS属性和伪元素来实现相同的效果。

推荐的腾讯云相关产品：腾讯云CDN（内容分发网络），可以加速网站访问速度，提供更好的用户体验。产品介绍链接地址：https://cloud.tencent.com/product/cdn