html - 如何在CSS中做覆盖滚动

标签 html css

<分区>


关闭 5 年前

我在 html 外部和内部有两个 div,所以我希望外部 div 有一个滚动条覆盖,我的 html 如下所示:

<div class="outer">
   <div class="inner">

   </div> 
</div>  

我已经在 css 中尝试过了

.outer{
     position: absolute;
     left: 0;
     width: 300px;
     height: 95vh;
     overflow-x: hidden;
     overflow-y: hidden;
}
.outer:hover{
   overflow-y: auto;  
}

.inner{
   width 100%;
   height 100%;
   position:absolute;
}

最佳答案

我只是复制了您的代码,并且在我的 div 中有了滚动条。 我将 CSS 添加到自定义滚动条。 Here我的 JSfiddle。

关于html - 如何在CSS中做覆盖滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48066280/

上一篇:javascript - 如何在任何屏幕设备上绘制一个 10cmx10cm 的矩形

下一篇:javascript - 单击链接时取消选中复选框

相关文章:

css - 图像未出现在 View 中

javascript - 将 PATH 从 SVG 转换为 POLYLINE

html - 如何使用类和 css 调整 li 的大小

javascript - 如何清除移动 SVG 线留下的痕迹?

javascript - 获取左边div的高度(height : auto) and set it to the right div (overflow: scroll)

javascript - 如何为在 javascript 函数中创建的下拉菜单提供多个选择选项

html - 水平内联 block 内 float 2 个元素

css - 在多列、多行 <dl> 中堆叠 <dt> 和 <dt>

html - 正文背景图片未显示

html - 如何使用 Div 或 SVG 形状制作响应式装饰样式,它触及页面的左上边缘到页面的右下角