mirror of
https://github.com/codex-team/editor.js
synced 2024-05-03 07:03:47 +02:00
3272efc3f7
* update eslint + autofix * a bunch of eslint fixes * some spelling & eslint fixes * fix some eslint errors and spells * Update __module.ts * a bunch of eslint fixes in tests * Update cypress.yml * Update cypress.yml * fix cypress docker image name * fixes for tests * more tests fixed * rm rule ignore * rm another ignored rule * Update .eslintrc
65 lines
1.4 KiB
TypeScript
65 lines
1.4 KiB
TypeScript
import { isIosDevice } from '../utils';
|
|
|
|
/**
|
|
* Utility allowing to lock body scroll on demand
|
|
*/
|
|
export default class ScrollLocker {
|
|
/**
|
|
* Style classes
|
|
*/
|
|
private static CSS = {
|
|
scrollLocked: 'ce-scroll-locked',
|
|
scrollLockedHard: 'ce-scroll-locked--hard',
|
|
};
|
|
|
|
/**
|
|
* Stores scroll position, used for hard scroll lock
|
|
*/
|
|
private scrollPosition: null|number;
|
|
|
|
/**
|
|
* Locks body element scroll
|
|
*/
|
|
public lock(): void {
|
|
if (isIosDevice) {
|
|
this.lockHard();
|
|
} else {
|
|
document.body.classList.add(ScrollLocker.CSS.scrollLocked);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Unlocks body element scroll
|
|
*/
|
|
public unlock(): void {
|
|
if (isIosDevice) {
|
|
this.unlockHard();
|
|
} else {
|
|
document.body.classList.remove(ScrollLocker.CSS.scrollLocked);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Locks scroll in a hard way (via setting fixed position to body element)
|
|
*/
|
|
private lockHard(): void {
|
|
this.scrollPosition = window.pageYOffset;
|
|
document.documentElement.style.setProperty(
|
|
'--window-scroll-offset',
|
|
`${this.scrollPosition}px`
|
|
);
|
|
document.body.classList.add(ScrollLocker.CSS.scrollLockedHard);
|
|
}
|
|
|
|
/**
|
|
* Unlocks hard scroll lock
|
|
*/
|
|
private unlockHard(): void {
|
|
document.body.classList.remove(ScrollLocker.CSS.scrollLockedHard);
|
|
if (this.scrollPosition !== null) {
|
|
window.scrollTo(0, this.scrollPosition);
|
|
}
|
|
this.scrollPosition = null;
|
|
}
|
|
}
|