How to create sticky window on Electron

October 22, 2016

Today, I will introduce how to create sticky window on top by Electron.

I use the following tutorial for explanation.

To create sticky window on top, we call setAlwaysOnTop method of BrowserWindow class.

// main.js
const electron = require("electron")
const app = electron.app
const BrowserWindow = electron.BrowserWindow
let win

function createWindow() {
  win = new BrowserWindow({ width: 800, height: 600 })
  win.loadURL(`file://${__dirname}/index.html`)
  win.setAlwaysOnTop(true)
  win.on("closed", () => {
    win = null
  })
}

app.on("ready", createWindow)
app.on("window-all-closed", () => {
  if (process.platform !== "darwin") {
    app.quit()
  }
})

Or, It’s also ok to give alwaysOnTop as an argument when creating BrowserWindow object.

win = new BrowserWindow({ width: 800, height: 600, alwaysOnTop: true })