Weishen/Hydro
2
0 Fork 0
mirror of https://gitcode.com/gh_mirrors/hy/Hydro.git synced 2026-10-20 09:46:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

ui: fix sticky table header

Browse Source
This commit is contained in:
undefined committed 2026-05-07 21:40:20 +08:00
1 parent 3b13ddb8c3
commit cc74b995ee
2 files changed
+18 -13
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/ui-default/components/sticky/sticky.page.js
+7 -5
View File
@@ -4,10 +4,6 @@ import responsiveCutoff from 'vj/breakpoints.json';
import { AutoloadPage } from 'vj/misc/Page';
import { isAbove, isBelow } from 'vj/utils/mediaQuery';
const navHeight = isBelow(responsiveCutoff.mobile)
? 0
: $('.nav').height();
function getCutoff(str) {
if (str === 'medium') return responsiveCutoff.mobile;
if (str === 'large') return responsiveCutoff.desktop;
@@ -15,15 +11,21 @@ function getCutoff(str) {
}
function updateStickies($stickies) {
const navHeight = isBelow(responsiveCutoff.mobile) ? 0 : ($('.nav').height() || 0);
$stickies.get().forEach((element) => {
const $sticky = $(element);
const shouldEnableSticky = isAbove($sticky.data('sticky-cutoff-min'));
const topOffset = 10 + navHeight;
if (shouldEnableSticky) {
element.style.position = 'sticky';
element.style.top = `${10 + navHeight}px`;
element.style.top = `${topOffset}px`;
element.style.maxHeight = `calc(100vh - ${topOffset + 10}px)`;
element.style.overflowY = 'auto';
} else {
element.style.position = '';
element.style.top = '';
element.style.maxHeight = '';
element.style.overflowY = '';
}
});
}