"-webkit-app-region: drag" 只允许在元素的小区域内拖动答案

【问题标题】："-webkit-app-region: drag" only allowing drag in small region of element"-webkit-app-region: drag" 只允许在元素的小区域内拖动
【发布时间】：2014-11-02 07:32:36
【问题描述】：

我有一个这样的 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 像素（高 40 像素）。错误或我做错了什么？谢谢。

【问题讨论】：

标签： css webkit node-webkit

【解决方案1】：

哈，这是一个错误（ish），仅当 package.json 文件指定 window.toolbar: true 时才会出现。我将其设置为 true 以访问开发工具。

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

【讨论】：

【解决方案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-user-drag: element; 在所需行为方面没有变化。仍然只有前几个像素可以用来拖动窗口。（另外，因为这是 node-webkit，-moz* 和 user-drag 属性什么都不做。）