如何在使用 LwC 模态时隐藏滚动条？

Question

我在正文下有某些内容，但是随着内容的增加，滚动条开始按预期出现。但是有没有办法隐藏它并且模式仍然可以滚动？ 如果有任何或类似的情况请告诉我。谢谢

<lightning-modal-header></<lightning-modal-header>
<lightning-modal-body></<lightning-modal-body>
<lightning-modal-footer></<lightning-modal-footer>

Answer 1

您可以隐藏 Lightning-modal-body 的滚动条，但保持其内部可滚动。

让我提供示例代码：

// It will works for chrome, safari and edge
lightning-modal-body::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

// It will works for Firefox
lightning-modal-body {
  scrollbar-width: none;
}

// It will keep scrollable inside lightning-modal-body
lightning-modal-body {
  overflow-y: scroll;
}