Question

我有一个这样的node-webkit页面：

<body>
    <div class="titlebar"></div>
    <div class="container"></div>
</body>

和css

#titlebar {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 40px;
    -webkit-user-select: none;
    -webkit-app-region: drag;
}

出于某种原因，我只能拖动标题栏div的高3~3像素（高40 px）。我还做错了什么？感谢。

Answer 1

哈，这是一个bug（ish），只有在package.json文件指定window.toolbar: true时才会显示。我将其设置为true以访问开发工具。

解决方案是设置window.toolbar: false。

Answer 2

我想你想要-webkit-user-drag -

http://jsfiddle.net/clintioo/rpudce9w/5/

.titlebar {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 40px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: element;
    user-drag: element;
}

“-webkit-app-region：drag”只允许在元素的小区域中拖动

2 个答案: