使用Electron开发桌面程序时,一般都会自定义窗口标题行,并实现拖拽窗口的功能,要实现该功能非常简单,只需要一个CSS即可:
css-webkit-app-region: drag;
使用该 css 的元素将变为静态,无法进行任何操作,但可以拖拽。
该CSS一般用于标题行元素,但标题行除了需要拖拽窗口的功能,还有很多其他操作,如:功能菜单、窗口操作按钮(最小化、关闭等)。这些小元素一般在标题行元素的内部,所以需要给这些元素去除 drag
属性,否则将全部不可用。
给功能按钮、菜单等元素,加上下面的css即可:
css-webkit-app-region: no-drag;
本文作者:DingDangDog
本文链接:
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!