Electron常见问题 17 - 小窗口的管理

目录

 

前言

正文

问题一、双击会出现滚动条

问题二、双击会自动跳到左上角

问题三、不能拖拽移动

问题四、双击出现布局错误

总结

---

前言

Electron项目中经常会用到小窗口，可以用来进行信息提示和内容展示等用途，比如一些悬浮窗，工具栏等。

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

正文

Electron中BrowserWindow窗口被用作小窗显示的时候会遇到各种问题。

这里简单列举几个比较常见的问题，针对这些问题并给出可行的解决方案。

 

问题一、双击会出现滚动条

出现滚动条但不限于是双击事件触发的，解决这个问题时，自己首先想到了使用overflow属性，并设置给出第一种解决方案，在body标签中增加对应的属性值。

代码实例：

body{
    overflow: hidden; 
}

第二种解决方法，是通过设置::-webkit-scrollbar标签，具体方法如下：

body::-webkit-scrollbar {
    display:none
}

第三种解法先卖个关子，先看问题二。