如何隐藏模式滚动条

成彩

我想将模式类设置为高度750px,即使屏幕缩小也是如此。我能够将content1设置为在模式中溢出,但.modal会占用整个屏幕。

https://stackoverflow.com/posts/65815926/edit#
.content1 {
  overflow-y:auto; 
}
<div class="modal">
  <div>
    <div>
      <div class="content1">
      </div>
      <div class="content2">
      </div>
    </div>
  </div>
</div>

我有一个模态,我想在此模态中设置高度750px,但是当我打开chrome dev工具时,它将在右侧创建一个滚动条。我尝试过,overflow: hidden但这不会让我滚动弹出窗口。谢谢

坏死因子

假设您使用的是Bootstrap,则可以随时尝试:

.modal-open .modal {
margin-right: -10px;
margin-left: -10px;
}

有点黑,但它会在视觉上隐藏滚动条,仍然可以滚动。

更新的答案:

您可以尝试使用CSS隐藏滚动条:

.modal-open .modal::-webkit-scrollbar {
  display: none;
}

.modal-open .modal {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何隐藏UICollectionView的滚动条

来自分类Dev

如何隐藏水平滚动条

来自分类Dev

如何顺利隐藏滚动条?

来自分类Dev

如何在模式窗口弹出窗口上隐藏滚动条

来自分类Dev

内容可滚动时如何隐藏滚动条?

来自分类Dev

如何隐藏溢出:在居中的div中滚动滚动条

来自分类Dev

如何隐藏滚动条并使内容保持可滚动状态?

来自分类Dev

隐藏RecyclerView滚动条

来自分类Dev

隐藏DIV的滚动条

来自分类Dev

滚动条未隐藏

来自分类Dev

滚动条部分隐藏

来自分类Dev

滚动条未隐藏

来自分类Dev

如何在<select>中隐藏滚动条

来自分类Dev

如何在javaFX中隐藏Pannable滚动条?

来自分类Dev

如何功能检测隐藏的滚动条?

来自分类Dev

如何在表格上隐藏水平滚动条

来自分类Dev

如何在屏幕初始显示时隐藏滚动条?

来自分类Dev

如何隐藏Xubuntu 14.04终端上的滚动条?

来自分类Dev

该网站如何隐藏iframe滚动条?

来自分类Dev

如何使用AppCompat样式隐藏Listview的滚动条

来自分类Dev

如何让预加载器隐藏滚动条?

来自分类Dev

允许滚动但隐藏滚动条

来自分类Dev

隐藏滚动条(启用滚动)

来自分类Dev

如何检测Bootstrap模式滚动条的位置?

来自分类Dev

如何在地图模式下更改滚动条的颜色

来自分类Dev

隐藏滚动条Android KitKat 4.4

来自分类Dev

Chrome(Windows)不会隐藏滚动条

来自分类Dev

隐藏滚动条iFrame子网站

来自分类Dev

Sublime Text 3隐藏滚动条