mirror of
https://github.com/siyuan-note/siyuan.git
synced 2026-03-01 10:20:16 +01:00
55 lines
2.9 KiB
TypeScript
55 lines
2.9 KiB
TypeScript
|
import {Constants} from "../../constants";
|
||
|
|
import {hideElements} from "../ui/hideElements";
|
||
|
|
import {fetchPost} from "../../util/fetch";
|
||
|
|
import {onGet} from "../util/onGet";
|
||
|
|
import {showMessage} from "../../dialog/message";
|
||
|
|
import {updateHotkeyTip} from "../util/compatibility";
|
||
|
|
|
||
|
|
export const scrollEvent = (protyle: IProtyle, element: HTMLElement) => {
|
||
|
|
element.addEventListener("scroll", () => {
|
||
|
|
if (!window.siyuan.dragElement) { // https://ld246.com/article/1649638389841
|
||
|
|
hideElements(["gutter"], protyle);
|
||
|
|
}
|
||
|
|
if (!protyle.selectElement.classList.contains("fn__none")) {
|
||
|
|
showMessage(window.siyuan.languages.crossPageUse.replace("${}", updateHotkeyTip("⇧Click")), 9000);
|
||
|
|
}
|
||
|
|
|
||
|
|
const panelContextElement = protyle.breadcrumb.element.parentElement.querySelector('[data-type="context"]');
|
||
|
|
if (panelContextElement && !panelContextElement.classList.contains("ft__primary")) {
|
||
|
|
// 悬浮窗需展开上下文后才能进行滚动 https://github.com/siyuan-note/siyuan/issues/2311
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (protyle.wysiwyg.element.getAttribute("data-top") || protyle.block.showAll || protyle.scroll.lastScrollTop === element.scrollTop || protyle.scroll.lastScrollTop === -1) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (protyle.scroll.lastScrollTop - element.scrollTop > 0) {
|
||
|
|
// up
|
||
|
|
if (element.scrollTop < element.clientHeight / 2 &&
|
||
|
|
protyle.wysiwyg.element.firstElementChild.getAttribute("data-eof") !== "true") {
|
||
|
|
protyle.wysiwyg.element.setAttribute("data-top", element.scrollTop.toString());
|
||
|
|
fetchPost("/api/filetree/getDoc", {
|
||
|
|
id: protyle.wysiwyg.element.firstElementChild.getAttribute("data-node-id"),
|
||
|
|
mode: 1,
|
||
|
|
k: protyle.options.key || "",
|
||
|
|
size: Constants.SIZE_GET,
|
||
|
|
}, getResponse => {
|
||
|
|
onGet(getResponse, protyle, [Constants.CB_GET_BEFORE, Constants.CB_GET_UNCHANGEID]);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
} else if ((element.scrollTop > element.scrollHeight - element.clientHeight * 1.8) &&
|
||
|
|
protyle.wysiwyg.element.lastElementChild &&
|
||
|
|
protyle.wysiwyg.element.lastElementChild.getAttribute("data-eof") !== "true") {
|
||
|
|
protyle.wysiwyg.element.setAttribute("data-top", element.scrollTop.toString());
|
||
|
|
fetchPost("/api/filetree/getDoc", {
|
||
|
|
id: protyle.wysiwyg.element.lastElementChild.getAttribute("data-node-id"),
|
||
|
|
mode: 2,
|
||
|
|
k: protyle.options.key || "",
|
||
|
|
size: Constants.SIZE_GET,
|
||
|
|
}, getResponse => {
|
||
|
|
onGet(getResponse, protyle, [Constants.CB_GET_APPEND, Constants.CB_GET_UNCHANGEID]);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
protyle.scroll.lastScrollTop = Math.max(element.scrollTop, 0);
|
||
|
|
});
|
||
|
|
};
|