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

49 lines
892 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