Css 如何制作两个独立的可滚动列?
我有一个包含两列Css 如何制作两个独立的可滚动列?,css,twitter-bootstrap,bootstrap-4,Css,Twitter Bootstrap,Bootstrap 4,我有一个包含两列的模态。我试图使这些列彼此独立地滚动。重要的是我想隐藏勾号滚动条 我只使行可滚动,滚动条是隐藏的。但我不能让这两个专栏变成这样 以前也有人问过一些类似的问题,但这些问题没有帮助 更新 这是我们使用的应用程序中的小部件。因此,我不能改变body,html的风格,而container fluid的父级我相信下面的方法可以解决您的问题。使用溢出的技巧隐藏滚动条:隐藏和使用填充隐藏滚动条 .col { overflow: hidden; } .col-inner {
的模态。我试图使这些列彼此独立地滚动。重要的是我想隐藏勾号滚动条
我只使行可滚动,滚动条是隐藏的。但我不能让这两个专栏变成这样
以前也有人问过一些类似的问题,但这些问题没有帮助
更新
这是我们使用的应用程序中的小部件。因此,我不能改变body,html的风格,而container fluid的父级我相信下面的方法可以解决您的问题。使用溢出的技巧隐藏滚动条:隐藏
和使用填充
隐藏滚动条
.col {
overflow: hidden;
}
.col-inner {
width: 100%;
height: 100%;
overflow-y: scroll;
padding-right: 30px;
box-sizing: content-box;
}
模式的代码是什么?我也没有看到“右边有一个薄滚动条”。@ZimSystem我更新了代码和代码笔。模态是固定的。谢谢你让我知道,你完全正确,你能告诉我这对你来说是否合适吗?当然,您可以调整精确填充的值。谢谢。但如果顶部有另一个容器,则容器中包含列的某些部分不可见。我似乎看不到你的问题。。。我看到整个容器都有圆柱,没有任何东西被切断。试着降低我再次看到的窗口的高度。简单的flex技巧否认了使用位置:绝对的问题。请检查一下。