Javascript 创建一个；无形的；使用CSS的导航栏上的滚动条（其中隐藏不起作用）

我已经研究过了，但在这个问题上我真的一事无成。我正在为一个网站使用CSS样式和HTML模板，在这个网站的左侧有一个导航栏。我想添加相当多的链接到这个导航栏，所以我添加了一个溢出：滚动；组成部分

现在不幸的是，我在网站中间有一个非常丑陋的滚动条。我已经尝试将其更改为“隐藏”，但这会阻止一起滚动。我试图改变滚动条的颜色以匹配网站，但我并没有真正做到这一点。代码如下：

aside#sidebar {
    width:250px;
    position: fixed;
    height:100%;
    overflow: scroll;
}

如果我取出“位置：已修复”，该栏将占据网页的其余部分，并且无法正常工作

有人有什么建议吗？有没有办法去掉这个滚动条或者给它涂上漂亮的颜色

谢谢你的帮助！

---

Christina

您可以将可滚动元素包装在

溢出：隐藏的
父元素中，该父元素的宽度为17px（或更大）-小于内部可滚动元素的宽度（以隐藏滚动条）


#侧边栏{
位置：相对位置；
溢出：隐藏；
高度：100px；
宽度：150px；/*请注意*/
}
#边栏ul{
宽度：170px；/*这个*/
溢出-y：滚动；/*添加滚动条*/
位置：绝对位置；
高度：继承；/*父高度或100%*/
背景：ddd；
}


链接
链接
链接
链接
链接
链接

听起来像是XY问题。你最好提供在线链接，在那里你的问题可以被检查Hiya，我的CSS不是很出色，我担心，你能告诉我如何将其包装在一个父级中吗？我不确定所有浏览器的滚动条宽度都是17px。编辑：快速检查告诉我它在所有主要的浏览器桌面版本上，但是移动设备呢？@a.Wolff如果我从我的一个最新项目（移动）中回忆得很清楚，如果我有一个包含可滚动元素的溢出隐藏元素，我将滚动该元素。滚动条不可见。同样对于移动设备，可能需要更改侧边栏的外观menu@RokoC.Buljan非常感谢，我将在网站上进行测试，并尽快向您展示结果@RokoC.Buljan非常感谢，工作非常出色，现在看起来非常时髦！谢谢你的例子，效果很好。