sass-site/source/assets/js/components/navigation.ts
Jonny Gerig Meyer 2e97aaf8d8
lint
2023-03-08 16:14:25 -05:00

27 lines
647 B
TypeScript

// Documentation Nav Scroll
$(function () {
// Vars
const nav = $('.sl-c-list-navigation-wrapper');
const sticky = nav.offset();
// Added sticky class when window top is great than nav top
const stickyNav = () => {
if (
nav.length > 0 &&
sticky &&
($(window).scrollTop() ?? 0) >= sticky.top
) {
$('.sl-l-medium-holy-grail__body').addClass('sl-js-nav--is-sticky');
} else {
$('.sl-l-medium-holy-grail__body').removeClass('sl-js-nav--is-sticky');
}
};
// When scrolling the page, execute stickyNav
$(window).on('scroll', function () {
stickyNav();
});
return stickyNav();
});