From a5b92e316c197b1dd4422b77525601fc014b1f13 Mon Sep 17 00:00:00 2001 From: syuilo Date: Sun, 16 Feb 2020 20:58:41 +0900 Subject: Refactor: Extract scroll utility functions --- src/client/scripts/paging.ts | 29 +---------------------------- 1 file changed, 1 insertion(+), 28 deletions(-) (limited to 'src/client/scripts/paging.ts') diff --git a/src/client/scripts/paging.ts b/src/client/scripts/paging.ts index f002c9f555..07eaf20ff3 100644 --- a/src/client/scripts/paging.ts +++ b/src/client/scripts/paging.ts @@ -1,32 +1,5 @@ import Vue from 'vue'; - -function getScrollContainer(el: Element | null): Element | null { - if (el == null || el.tagName === 'BODY') return null; - const style = window.getComputedStyle(el); - if (style.getPropertyValue('overflow') === 'auto') { - return el; - } else { - return getScrollContainer(el.parentElement); - } -} - -function getScrollPosition(el: Element | null): number { - const container = getScrollContainer(el); - return container == null ? window.scrollY : container.scrollTop; -} - -function onScrollTop(el, cb) { - const container = getScrollContainer(el) || window; - const onScroll = ev => { - if (!document.body.contains(el)) return; - const pos = getScrollPosition(el); - if (pos === 0) { - cb(); - container.removeEventListener('scroll', onscroll); - } - }; - container.addEventListener('scroll', onScroll, { passive: true }); -} +import { getScrollPosition, onScrollTop } from './scroll'; const SECOND_FETCH_LIMIT = 30; -- cgit v1.2.3-freya