Electron常见问题 14 - 窗口禁用滚动条

Data-Mining

于 2020-06-18 11:40:11 发布

阅读量8.4k

点赞数 1

分类专栏： Electron实战文章标签： css javascript html js 禁用滚动条

本文链接：https://blog.youkuaiyun.com/liuzehn/article/details/106825420

版权

Electron实战专栏收录该内容

86 篇文章 ¥119.90 ¥299.90

订阅专栏

在 Electron 开发中，遇到多窗口应用因页面大小变化导致窗口出现滚动条的问题。解决方案是在CSS中设置 `overflow: hidden;`，以此隐藏不需要的滚动条，确保窗口整洁无干扰。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题

解决

PS:《Electron实战》系列-总览

问题

Electron开发多窗口应用时，特别是涉及窗口大小变化的需求时，可能会遇到内嵌页面大小变化会造成窗口出现滚动条的奇怪现象。比如工具栏窗口，是不希望出现滚动条的。

解决

具体怎么做呢？增加CSS属性：

overflow: hidden;

代码实例：

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale

了解本专栏