要使的窗口可以拖動(dòng),需要給相應(yīng)元素設(shè)置?-webkit-app-region: drag?屬性。
.title-container {
????-webkit-app-region: drag;
}
但同時(shí)也會(huì)暴露出3個(gè)問(wèn)題:
會(huì)使的當(dāng)前元素的權(quán)級(jí)高于其他元素,通過(guò)設(shè)置z-index等也不能解決;
該元素及所有子元素將觸發(fā)不了鼠標(biāo)的相關(guān)事件;
元素所在區(qū)域,雙擊全屏和 restore size 等功能又廢。
如何解決(既要可以拖動(dòng)窗口,又不會(huì)影響窗口內(nèi)部的元素)?
在設(shè)置該屬性的元素中,增加一個(gè)等寬、等高的元素,該元素設(shè)置?-webkit-app-region: no-drag?屬性。
.title-content {
????-webkit-app-region: no-drag;
}
<div class="title-container">
????<div?class="title-content?">......</div>
</div>