How to use the dom-lib/lib/animation/requestAnimationFramePolyfill function in dom-lib
To help you get started, we’ve selected a few dom-lib examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
rsuite / rsuite / src / utils / scrollTopAnimation.ts View on Github 
const step = () => {
scrollTop(target, top > nextTop ? nextTop : top);
if (top <= nextTop) {
requestAnimationFramePolyfill(step);
}
callback?.(top);
top += 20;
};
if (animation) {target: Element,
nextTop: number,
animation = true,
callback?: (top: number) => void
) {
let top = scrollTop(target);
const step = () => {
scrollTop(target, top > nextTop ? nextTop : top);
if (top <= nextTop) {
requestAnimationFramePolyfill(step);
}
callback?.(top);
top += 20;
};
if (animation) {
requestAnimationFramePolyfill(step);
} else {
scrollTop(target, nextTop);
}
}
Popular dom-lib functions
- dom-lib.activeElement
- dom-lib.addClass
- dom-lib.addStyle
- dom-lib.contains
- dom-lib.DOMMouseMoveTracker
- dom-lib.getContainer
- dom-lib.getHeight
- dom-lib.getOffset
- dom-lib.getPosition
- dom-lib.getScrollbarSize
- dom-lib.getWidth
- dom-lib.hasClass
- dom-lib.isOverflowing
- dom-lib.off
- dom-lib.on
- dom-lib.ownerDocument
- dom-lib.removeClass
- dom-lib.scrollLeft
- dom-lib.scrollTop
- dom-lib/lib/animation/requestAnimationFramePolyfill