You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
|
|
|
|
|
$(document).ready( () => {
|
|
|
|
|
console.log('Load component - header')
|
|
|
|
|
|
|
|
|
|
const component = $('.component-header')
|
|
|
|
|
|
|
|
|
|
const hamburger = component.find('.hamburger')
|
|
|
|
|
const menuContainer = component.find('.menu-container')
|
|
|
|
|
const menu = menuContainer.find('.menu')
|
|
|
|
|
|
|
|
|
|
hamburger.off('.click').on('click.click', (e) => {
|
|
|
|
|
const ham = $(e.currentTarget)
|
|
|
|
|
ham.toggleClass('is-active')
|
|
|
|
|
|
|
|
|
|
if(ham.hasClass('is-active')){
|
|
|
|
|
menuContainer.addClass('active')
|
|
|
|
|
menu.slideDown()
|
|
|
|
|
} else {
|
|
|
|
|
menuContainer.removeClass('active')
|
|
|
|
|
menu.slideUp()
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
$(window).scroll(() => {
|
|
|
|
|
const sectionHeader = $('.component-sectionHeader')
|
|
|
|
|
const top = $(window).scrollTop()
|
|
|
|
|
if(top > 1) {
|
|
|
|
|
component.addClass('sticky')
|
|
|
|
|
sectionHeader.addClass('sticky')
|
|
|
|
|
} else {
|
|
|
|
|
component.removeClass('sticky')
|
|
|
|
|
sectionHeader.removeClass('sticky')
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
})
|
