webpack-bootstrap-ui-kit/src/js_old/_components/_ui.shrink.js

49 lines
913 B
JavaScript

"use strict";
import $ from "jquery";
import Events from "../_events";
const ShrinkUI = (($) => {
// Constants
const W = window;
const D = document;
const NAME = "ShrinkUI";
console.log(`${NAME}: init`);
$(W).on(
`${NAME}.init ${Events.LOADED} ${Events.SCROLL} ${Events.RESIZE}`,
() => {
if ($("#Navigation > .navbar-collapse").hasClass("show")) {
return;
}
let h1 = $("#SiteWideMessage").height();
if (!h1) {
h1 = 0;
}
let h2 = $("#SiteWideOffline").height();
if (!h2) {
h2 = 0;
}
let h3 = $("#Header").height();
if (!h3) {
h3 = 0;
}
const headerHeight = h1 + h2 + h3;
if ($(D).scrollTop() > headerHeight) {
$("body").addClass("shrink");
} else {
$("body").removeClass("shrink");
}
}
);
return ShrinkUI;
})($);
export default ShrinkUI;