❤️ 完整开源界面和内核 https://github.com/siyuan-note/siyuan/issues/5013

app/src/util/setPosition.ts

@@ -0,0 +1,35 @@
+import {Constants} from "../constants";
+
+export const setPosition = (element: HTMLElement, x: number, y: number, targetHeight = 0, targetLeft = 0) => {
+    element.style.top = y + "px";
+    element.style.left = x + "px";
+    const rect = element.getBoundingClientRect();
+    // windows 下悬浮菜单在 drag 位置时无法点击
+    let dragBarHeight = 0;
+    /// #if !BROWSER
+    if ("windows" === window.siyuan.config.system.os) {
+        dragBarHeight = document.getElementById("drag").clientHeight;
+    }
+    /// #endif
+    // 上下超出屏幕
+    if (rect.bottom > window.innerHeight || rect.top < dragBarHeight) {
+        const top = y - rect.height - targetHeight;
+        if (top > dragBarHeight && (top + rect.height) < window.innerHeight - dragBarHeight) {
+            // 上部
+            element.style.top = top + "px";
+        } else if (top <= dragBarHeight) {
+            // 位置超越到屏幕上方外时，需移动到屏幕顶部。eg：光标在第一个块，然后滚动到上方看不见的位置，按 ctrl+a
+            element.style.top = dragBarHeight + "px";
+        } else {
+            // 依旧展现在下部，只是位置上移
+            element.style.top = Math.max(Constants.SIZE_TOOLBAR_HEIGHT, window.innerHeight - rect.height) + "px";
+        }
+    }
+    if (rect.right > window.innerWidth) {
+        // 展现在左侧
+        element.style.left = `${window.innerWidth - rect.width - targetLeft}px`;
+    } else if (rect.left < 0) {
+        // 依旧展现在左侧，只是位置右移
+        element.style.left = "0";
+    }
+};