滚动条隐藏在带有溢出滚动的固定div后面是因为固定div的overflow属性设置为了hidden或auto,导致滚动条被隐藏起来。解决这个问题的方法有两种:
.fixed-div {
overflow: visible;
}
首先,在HTML文件中引入PerfectScrollbar的CSS和JS文件:
<link rel="stylesheet" href="path/to/perfect-scrollbar.css">
<script src="path/to/perfect-scrollbar.js"></script>
然后,在固定div上添加一个唯一的ID,并在JavaScript中初始化PerfectScrollbar插件:
<div id="fixed-div" class="fixed-div">
<!-- 内容 -->
</div>
<script>
const fixedDiv = document.getElementById('fixed-div');
const ps = new PerfectScrollbar(fixedDiv);
</script>
这样就可以实现滚动条在固定div后面显示,并且可以自定义滚动条的样式。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云容器服务(TKE)。
领取专属 10元无门槛券
手把手带您无忧上云