Javascript 制作叠加滚动条？

可以制作一个覆盖滚动条吗

基本上，我有一个包含子div的父div。我希望将垂直滚动条覆盖在子div的顶部，而不是滚动条占据父div中的空间并将子div推到左侧

我计划使滚动条透明，并且只在父div悬停时显示滚动条

---

这是用css实现的还是需要javascript？请帮忙谢谢

我有一个解决方案给你。请尝试下面给出的代码。别忘了使用这个标记在代码中添加simplescrollbar.js脚本<代码>

let scrollDiv=document.querySelector（“.area”）；
SimpleScrollbar.initEl（scrollDiv）
正文{
填充：2rem；
背景：#eee；
}
.区域{
位置：相对位置；
背景：白色；
高度：250px；
溢出：隐藏；
}
.ss包装纸{
溢出：隐藏；
身高：100%；
位置：相对位置；
z指数：1；
浮动：左；
}
.ss内容{
身高：100%；
宽度：100%；
位置：相对位置；
右：-18px；
溢出：自动；
-moz框大小：边框框；
框大小：边框框；
}
.ss卷轴{
位置：相对位置；
背景：rgba（0,0,0,1）；
宽度：9px；
边界半径：4px；
排名：0；
z指数：2；
光标：指针；
不透明度：0；
过渡：不透明度0.25s线性；
}
.ss容器：悬停.ss滚动{
不透明度：1；
}
.党卫军抓获{
用户选择：无；
-o-用户选择：无；
-moz用户选择：无；
-khtml用户选择：无；
-webkit用户选择：无；
}

Lorem ipsum dolor，坐在amet Concertetur Adipising Elite的位子上。作为一名智者，他必须承认自己的无知，但不承认自己的缺点，因为他是一名发明家？新等级发明人的权利准例外。减去在智者、大法官、大法官和大法官的职位上出现错误的法定权利和法定权利。自由的生活，自由的生活，自由的生活，自由的生活，自由的生活，自由的生活，自由的建筑，自由的生活，自由的生活，自由的生活，自由的生活，自由的生活，自由的生活，自由的生活！这是一个非常有趣的故事！勃兰地是一种不可改变的营养、品质、健康的生命。时间上的贪污腐化。非流动性eos错误莫迪不可抵赖性照明设备？这是一个令人印象深刻的地方，是一个伟大的解决方案，一个伟大的建筑，一个真实的建筑，一个充满活力的建筑！你必须坐在最高的位置。需要时的自然自由的布朗迪提斯，需要时的易懂练习，需要时的官员，需要时的贵族。实习报告、实验室检查和错误分析，以及对新的授权和新的自然环境的排斥。除此之外，建筑设计师在临时场所的合理流动性，也就是说，其自然排斥性就是其别名nobis dolorem doloremque laborariosam voluptate m similique。这是一个很好的例子。如果你认为这是一种犯罪行为，那么你就应该承认这是一种真正的犯罪行为，是一种真正的犯罪行为！面部、面部和面部都必须是液体建筑设计师，他们必须是临时性的劳动力和临时性的液体。在eligendi Praesenium quos atque的可选位置。同样的液体是天然的分子，是暂时性的，但又是暂时性的，并且是慢性的，最大的，或者是非永久性的？Eos实习证明，在分娩前，软疣会导致胎动和智力障碍？不可否认的是，临时性的解决方案必须是快速有效的解决方案。多洛雷姆·尼莫是一名建筑设计师，是一名职业设计师吗？我们必须要有一个共同的目标，那就是要把最细小的面部器官放在适当的位置上，以最有力的方式来赞美我们！杜西穆斯·奥菲卡酒店。在埃塞伊斯特的欧洲，同样的情况也会发生。我是动物！莫莱斯蒂，你说的是什么？Expedita，voluptas解释道。我们的解决方案是以最低限度的赞美、最完美的口吻、最真实的口述错误、最美好的愿望和最美好的生命为代价，来加速我们的选择！大动脉面神经溶解液。我明白地说，这是一种不平等的行为，是一种不公平的行为，是一种不公平的行为，是一种不公平的行为，是一种不公平的行为！普罗维登特劳工局。我们的宗旨是，在所有人都能看到的地方，最大限度地发挥非公共卫生设施的作用，创造类似于公共卫生设施的场所！妨碍练习，因为它是一种最基本的选择！这句话的意思是：“我犯了最大的错误，我的责任是最大的。”。自由消费者的腐败程度取决于消费者的权利，也取决于他们是否有足够的流动性，是否有足够的实践能力。我是一位杰出的代表，我是一位伟大的领袖，我是一位伟大的领袖