Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-12-20 08:30:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

🎨 https://github.com/siyuan-note/siyuan/issues/9620 scroll

Browse source
This commit is contained in:
Vanessa 2023-11-10 10:51:34 +08:00
parent 5ae6f7c93f
commit 7579d3e2b3
1 changed files with 27 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

14
app/src/protyle/scroll/event.ts
View file

@ -5,6 +5,16 @@ import {onGet} from "../util/onGet";
import {isMobile} from "../../util/functions"; import {isMobile} from "../../util/functions";
import {hasClosestBlock, hasClosestByClassName} from "../util/hasClosest"; import {hasClosestBlock, hasClosestByClassName} from "../util/hasClosest";
const getOffsetTop = (element: HTMLElement, topElement: HTMLElement) => {
let tempElement = element
let top = 0
while (topElement.contains(tempElement)) {
top += tempElement.offsetTop
tempElement = tempElement.offsetParent as HTMLElement
}
return top;
}
let getIndexTimeout: number; let getIndexTimeout: number;
export const scrollEvent = (protyle: IProtyle, element: HTMLElement) => { export const scrollEvent = (protyle: IProtyle, element: HTMLElement) => {
let elementRect = element.getBoundingClientRect(); let elementRect = element.getBoundingClientRect();
@ -25,8 +35,7 @@ export const scrollEvent = (protyle: IProtyle, element: HTMLElement) => {
} }
protyle.wysiwyg.element.querySelectorAll(".av").forEach((item: HTMLElement) => { protyle.wysiwyg.element.querySelectorAll(".av").forEach((item: HTMLElement) => {
if (item.parentElement.classList.contains("protyle-wysiwyg")) { const headerTop = getOffsetTop(item, element) + 43;
const headerTop = item.offsetTop + 43;
const headerElement = item.querySelector(".av__row--header") as HTMLElement; const headerElement = item.querySelector(".av__row--header") as HTMLElement;
if (headerElement) { if (headerElement) {
if (headerTop < element.scrollTop && headerTop + headerElement.parentElement.clientHeight > element.scrollTop) { if (headerTop < element.scrollTop && headerTop + headerElement.parentElement.clientHeight > element.scrollTop) {
@ -45,7 +54,6 @@ export const scrollEvent = (protyle: IProtyle, element: HTMLElement) => {
footerElement.style.transform = ""; footerElement.style.transform = "";
} }
} }
}
}); });
if (!protyle.element.classList.contains("block__edit") && !isMobile()) { if (!protyle.element.classList.contains("block__edit") && !isMobile()) {