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

目录

问题

解决

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;
     
    
   

    

     

    
    

     

        overflow: hidden;
     
    
   

    

     

    
    

     

      }
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      code {
     
    
   

    

     

    
    

     

        font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     
    
   

    

     

    
    

     

       monospace;
     
    
   

    

     

    
    

     

      }
     
    
  
 

文章来源: liuzhen.blog.csdn.net，作者：Data-Mining，版权归原作者所有，如需转载，请联系作者。

原文链接：liuzhen.blog.csdn.net/article/details/106825420