summaryrefslogtreecommitdiff
path: root/packages/client/src/scripts/sticky-sidebar.ts
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2022-12-27 14:36:33 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2022-12-27 14:36:33 +0900
commit9384f5399da39e53855beb8e7f8ded1aa56bf72e (patch)
treece5959571a981b9c4047da3c7b3fd080aa44222c /packages/client/src/scripts/sticky-sidebar.ts
parentwip: retention for dashboard (diff)
downloadmisskey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.tar.gz
misskey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.tar.bz2
misskey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.zip
rename: client -> frontend
Diffstat (limited to 'packages/client/src/scripts/sticky-sidebar.ts')
-rw-r--r--packages/client/src/scripts/sticky-sidebar.ts50
1 files changed, 0 insertions, 50 deletions
diff --git a/packages/client/src/scripts/sticky-sidebar.ts b/packages/client/src/scripts/sticky-sidebar.ts
deleted file mode 100644
index c67b8f37ac..0000000000
--- a/packages/client/src/scripts/sticky-sidebar.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-export class StickySidebar {
- private lastScrollTop = 0;
- private container: HTMLElement;
- private el: HTMLElement;
- private spacer: HTMLElement;
- private marginTop: number;
- private isTop = false;
- private isBottom = false;
- private offsetTop: number;
- private globalHeaderHeight: number = 59;
-
- constructor(container: StickySidebar['container'], marginTop = 0, globalHeaderHeight = 0) {
- this.container = container;
- this.el = this.container.children[0] as HTMLElement;
- this.el.style.position = 'sticky';
- this.spacer = document.createElement('div');
- this.container.prepend(this.spacer);
- this.marginTop = marginTop;
- this.offsetTop = this.container.getBoundingClientRect().top;
- this.globalHeaderHeight = globalHeaderHeight;
- }
-
- public calc(scrollTop: number) {
- if (scrollTop > this.lastScrollTop) { // downscroll
- const overflow = Math.max(0, this.globalHeaderHeight + (this.el.clientHeight + this.marginTop) - window.innerHeight);
- this.el.style.bottom = null;
- this.el.style.top = `${-overflow + this.marginTop + this.globalHeaderHeight}px`;
-
- this.isBottom = (scrollTop + window.innerHeight) >= (this.el.offsetTop + this.el.clientHeight);
-
- if (this.isTop) {
- this.isTop = false;
- this.spacer.style.marginTop = `${Math.max(0, this.globalHeaderHeight + this.lastScrollTop + this.marginTop - this.offsetTop)}px`;
- }
- } else { // upscroll
- const overflow = this.globalHeaderHeight + (this.el.clientHeight + this.marginTop) - window.innerHeight;
- this.el.style.top = null;
- this.el.style.bottom = `${-overflow}px`;
-
- this.isTop = scrollTop + this.marginTop + this.globalHeaderHeight <= this.el.offsetTop;
-
- if (this.isBottom) {
- this.isBottom = false;
- this.spacer.style.marginTop = `${this.globalHeaderHeight + this.lastScrollTop + this.marginTop - this.offsetTop - overflow}px`;
- }
- }
-
- this.lastScrollTop = scrollTop <= 0 ? 0 : scrollTop;
- }
-}