Q&A
###前提・実現したいこと
Electronでデスクトップウィジェットを作るまで
や
Electronのドキュメントを見ながら
Electronで全画面をドラッグ可能領域にしたウィンドウがスクロール出来ません
###該当のソースコード
main.js
js
1'use strict'; 2 3const {app,BrowserWindow} = require('electron'); 4 5var mainWindow = null; 6 7app.on('window-all-closed', () => { 8 if (process.platform != 'darwin') 9 app.quit(); 10}); 11 12app.on('ready', () => { 13 mainWindow = new BrowserWindow({ 14 "width": 300, 15 "height": 100, 16 "frame": false 17 }); 18 mainWindow.loadURL('file://' + __dirname + '/index.html'); 19 mainWindow.on('closed', () => {mainWindow = null;}); 20});
index.html
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <style type="text/css" media="screen"> 6 html { 7 -webkit-app-region: drag; 8 } 9 </style> 10</head> 11<body> 12 要素<br> 13 要素<br> 14 要素<br> 15 要素<br> 16 要素<br> 17 要素<br> 18 要素<br> 19 要素<br> 20 要素<br> 21 要素<br> 22 要素<br> 23 要素<br> 24 要素<br> 25 要素<br> 26 要素<br> 27 要素<br> 28 要素<br> 29 要素<br> 30 要素<br> 31 要素<br> 32 要素<br> 33 要素<br> 34 要素<br> 35 要素<br> 36 要素<br> 37 要素<br> 38 要素<br> 39 要素<br> 40 要素<br> 41 要素<br> 42 要素<br> 43 要素<br> 44 要素<br> 45 要素<br> 46 要素<br> 47 要素<br> 48 要素<br> 49 要素<br> 50 要素<br> 51 要素<br> 52 要素<br> 53 要素<br> 54 要素<br> 55 要素<br> 56 要素<br> 57 要素<br> 58 要素<br> 59 要素<br> 60 要素<br> 61 要素<br> 62 要素<br> 63 要素<br> 64 要素<br> 65 要素<br> 66 要素<br> 67 要素<br> 68 要素<br> 69 要素<br> 70 要素<br> 71 要素<br> 72 要素<br> 73 要素<br> 74 要素<br> 75 要素<br> 76 要素<br> 77 要素<br> 78 要素<br> 79 要素<br> 80 要素<br> 81 要素<br> 82 要素<br> 83 要素<br> 84 要素<br> 85 要素<br> 86 要素<br> 87 要素<br> 88 要素<br> 89 要素<br> 90 要素<br> 91 要素<br> 92 要素<br> 93 要素<br> 94 要素<br> 95 要素<br> 96 要素<br> 97 要素<br> 98 要素<br> 99 要素<br> 100 要素<br> 101 要素<br> 102 要素<br> 103 要素<br> 104 要素<br> 105 要素<br> 106</body> 107</html>
package.json
json
1{ 2 "name": "sample", 3 "version": "0.0.1", 4 "main": "main.js" 5}
###試したこと
css
1html::-webkit-scrollbar { 2 -webkit-app-region: no-drag; 3}
のようにスクロールバーをドラッグ可能領域から外してもスクロール出来ませんでした。
あなたの回答
tips
プレビュー
