18910140161

HTML-Scrollbar高度小于div-stack溢出的高度

顺晟科技

2022-10-19 14:23:05

223

问题

editor-1

构建
  • NextJS
  • reactJS
  • 查克拉-ui
  • 开源编辑器

editor-2

构建
  • NextJS
  • reactJS
  • 开源编辑器

无脉轮UI

editor-2没有问题,但editor-1有问题。

复制

将下面的标记逐一粘贴到两个编辑器中

现在

比较两个编辑器的滚动条。

编辑-1滚动条

编辑-2滚动条

问题

您可以看到editor-1滚动条在编辑器结束之前结束。但是,editor-2滚动条结束在正确的位置。

两者的唯一区别是editor-1用作整个应用程序的UI框架。


顺晟科技:

我可以通过向div元素添加a来创建所需的结果(请参见图像)。

以下是所做的更新。如果您需要使用全局css,那么我建议targeting添加height属性。我只是使用Chrome中的DOM添加了内联css,以显示我所做的更改:

添加到height属性之前的图像。注意差距。不仅使用滚动条,还使用文本本身。它不会一直到底部。

图像更新后,现在看起来像编辑器2!

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航