koel/resources/assets/js/utils/$.ts
2022-04-25 19:38:33 +03:00

28 lines
768 B
TypeScript

/**
* A utility that aims to replace jQuery for the most basic DOM methods.
*/
export const $ = {
is: (el: Element, selector: string) => el.matches(selector),
addClass: (el: Element | null, className: string) => el?.classList.add(className),
removeClass: (el: Element | null, className: string) => el?.classList.remove(className),
scrollTo (el: Element, to: number, duration: number, cb?: TAnyFunction) {
if (duration <= 0 || !el) {
return
}
const difference = to - el.scrollTop
const perTick = difference / duration * 10
window.setTimeout(() => {
el.scrollTop = el.scrollTop + perTick
if (el.scrollTop === to) {
cb && cb()
return
}
this.scrollTo(el, to, duration - 10)
}, 10)
}
}