Electron无边框自定义窗口拖动

解决方案

html 复制代码
    <header class="absolute" style="left:0px;top:0px;width:100%;height:48px;background-color:red;padding:0px;margin:0px;">
      <div class="absolute" style="left:0px;top:0px;width:100%;height:100%;-webkit-app-region:drag">
        <button style="width:200px;height:100px;-webkit-app-region:no-drag;" @click="console.log('abc')">点我</button>
      </div>
    </header>

首先外部可拖拽区域设置:-webkit-app-region:drag;

如果想要里面的按钮可点击,仅需要设置按钮不可拖拽就行:-webkit-app-region:drag;

相关推荐
Felixwb6661 天前
Python 爬虫框架设计:类封装与工程化实践
前端
前端无涯1 天前
APP 内嵌 H5 复制功能实现:从现代 API 到兼容兜底方案
javascript
广州华水科技1 天前
潜力榜单2025年单北斗GNSS位移监测高口碑产品推荐
前端
xinyu_Jina1 天前
OpenNana 提示词图库:多模态数据检索、分面搜索与前端性能工程
前端
暴富的Tdy1 天前
【脚手架创建 Vue3 公共组件库】
前端·npm·npm发布
技术宅小温1 天前
< 前端大小事: 2025年近期CSDN前端技术热点分析 >
前端
知了清语1 天前
pkg.pr.new 快速验证第三方包-最新修复
前端
iFlow_AI1 天前
知识驱动开发:用iFlow工作流构建本地知识库
前端·ai·rag·mcp·iflow·iflow cli·iflowcli
wordbaby1 天前
TanStack Router 文件命名约定
前端
打工人小夏1 天前
vue3使用transition组件,实现过度动画
前端·vue.js·前端框架·css3