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

💄 编辑后表头不固定

Browse source
This commit is contained in:
Vanessa 2023-10-12 11:54:15 +08:00
parent c5206f7084
commit 21d1a0515a
2 changed files with 12 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

12
app/src/protyle/render/av/render.ts
View file

@ -22,6 +22,8 @@ export const avRender = (element: Element, protyle: IProtyle, cb?: () => void) =
return; return;
} }
const left = e.querySelector(".av__scroll")?.scrollLeft || 0; const left = e.querySelector(".av__scroll")?.scrollLeft || 0;
const headerTransform = (e.querySelector(".av__row--header") as HTMLElement)?.style.transform;
const footerTransform = (e.querySelector(".av__row--footer") as HTMLElement)?.style.transform;
fetchPost("/api/av/renderAttributeView", { fetchPost("/api/av/renderAttributeView", {
id: e.getAttribute("data-av-id"), id: e.getAttribute("data-av-id"),
}, (response) => { }, (response) => {
@ -182,7 +184,15 @@ ${cell.color ? `color:${cell.color};` : ""}">${text}</div>`;
</div> </div>
</div>`; </div>`;
e.setAttribute("data-render", "true"); e.setAttribute("data-render", "true");
e.querySelector(".av__scroll").scrollLeft = left; if (left) {
e.querySelector(".av__scroll").scrollLeft = left;
}
if (headerTransform) {
(e.querySelector(".av__row--header") as HTMLElement).style.transform = headerTransform;
}
if (footerTransform) {
(e.querySelector(".av__row--footer") as HTMLElement).style.transform = footerTransform;
}
if (cb) { if (cb) {
cb(); cb();
} }

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

@ -38,7 +38,7 @@ export const scrollEvent = (protyle: IProtyle, element: HTMLElement) => {
const footerElement = item.querySelector(".av__row--footer") as HTMLElement; const footerElement = item.querySelector(".av__row--footer") as HTMLElement;
if (footerElement) { if (footerElement) {
const footerBottom = headerTop + footerElement.parentElement.clientHeight; const footerBottom = headerTop + footerElement.parentElement.clientHeight;
const scrollBottom = element.scrollTop + element.clientHeight; const scrollBottom = element.scrollTop + element.clientHeight + 5;
if (headerTop + 42 + 36 * 2 < scrollBottom && footerBottom > scrollBottom) { if (headerTop + 42 + 36 * 2 < scrollBottom && footerBottom > scrollBottom) {
footerElement.style.transform = `translateY(${scrollBottom - footerBottom}px)`; footerElement.style.transform = `translateY(${scrollBottom - footerBottom}px)`;
} else { } else {