@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
14 lines • 644 B
JavaScript
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
// SPDX-License-Identifier: Apache-2.0
import { useEffect } from 'react';
// Sets scroll padding to the scrolling element (`html` or `body`).
// This prevents the focused element to be hidden under the sticky headers.
export function useGlobalScrollPadding(headerHeight) {
useEffect(() => {
const scrollingElement = document.scrollingElement;
if (scrollingElement instanceof HTMLElement) {
scrollingElement.style.scrollPaddingTop = `${headerHeight}px`;
}
}, [headerHeight]);
}
//# sourceMappingURL=use-global-scroll-padding.js.map