2024-10-07
温故知新
00

使用Electron开发桌面程序时,一般都会自定义窗口标题行,并实现拖拽窗口的功能,要实现该功能非常简单,只需要一个CSS即可:

css
-webkit-app-region: drag;

使用该 css 的元素将变为静态,无法进行任何操作,但可以拖拽。

该CSS一般用于标题行元素,但标题行除了需要拖拽窗口的功能,还有很多其他操作,如:功能菜单、窗口操作按钮(最小化、关闭等)。这些小元素一般在标题行元素的内部,所以需要给这些元素去除 drag 属性,否则将全部不可用。

给功能按钮、菜单等元素,加上下面的css即可:

css
-webkit-app-region: no-drag;
如果对你有用的话,可以打赏哦
打赏
ali pay
wechat pay

本文作者:DingDangDog

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!