"use strict"; OB_ready(OB_doWhenReady);function OB_doWhenReady() { // localize everything var ooohBoi = window.ooohBoi || {}; // local scope variables ooohBoi.prev_scroll_pos = window.scrollY || document.body.scrollTop; ooohBoi.cur_scroll_pos; ooohBoi.scroll_direction = 'init'; ooohBoi.prev_scroll_direction = 0; ooohBoi.header = document.querySelector('#header_pop'); // header ID ooohBoi.header_pos = { top: ooohBoi.header.offsetTop, left: ooohBoi.header.offsetLeft, }; ooohBoi.header_height = OB_outerHeight(ooohBoi.header); // show-hide header with ease/transition ooohBoi.header.style.transition = 'all 0.3s ease-out'; // update header height on window resize ooohBoi.updateHeaderHeight = function() { ooohBoi.header_height = OB_outerHeight(ooohBoi.header); } // listen "scroll" event and decide what to do ooohBoi.checkScroll = function() { ooohBoi.cur_scroll_pos = window.scrollY || document.body.scrollTop; if (ooohBoi.cur_scroll_pos > ooohBoi.prev_scroll_pos) ooohBoi.scroll_direction = 'down'; else if (ooohBoi.cur_scroll_pos ooohBoi.header_height) { OB_addClass(ooohBoi.header, 'im-hidden'); // for styling ooohBoi.header.style.top = -1 * ooohBoi.header_height + "px"; ooohBoi.prev_scroll_direction = scroll_direction; } else if (scroll_direction === 'up') { OB_removeClass(ooohBoi.header, 'im-hidden'); ooohBoi.header.style.top = ooohBoi.header_pos.top + "px"; ooohBoi.prev_scroll_direction = scroll_direction; } } // listen "scroll" and "resize" window events window.addEventListener('scroll', ooohBoi.checkScroll); window.addEventListener('resize', ooohBoi.updateHeaderHeight); }function OB_outerHeight(el) { var height = el.offsetHeight; var style = getComputedStyle(el); height += parseInt(style.marginTop) + parseInt(style.marginBottom); return height; }function OB_addClass(el, className) { if (el.classList) el.classList.add(className); else { var current = el.className, found = false; var all = current.split(' '); for (var i = 0; i < all.length, !found; i++) found = all[i] === className; if (!found) { if (current === '') el.className = className; else el.className += ' ' + className; } } }function OB_removeClass(el, className) { if (el.classList) el.classList.remove(className); else el.className = el.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' '); }function OB_ready(fn) { if (document.readyState != 'loading') fn(); else if (document.addEventListener) document.addEventListener('DOMContentLoaded', fn); else { document.attachEvent('onreadystatechange', function() { if (document.readyState != 'loading') fn(); }); } }

Category: Blog

Your blog category

How Human-Machine Interface Creates Seamless Industry 4.0 Interactions

How Human-Machine Interface Creates Seamless Industry 4.0 Interactions 21 May 2024 1.6K views The Current State of Industrial HMIs The days of cumbersome push-button panels and confusing LED displays are behind us. Today’s industrial HMIs have sophisticated interfaces, typically with high-resolution touchscreens for easy operation. Companies like Siemens provide industrial HMI solutions such as the […]

How PLC Programming Drives Efficiency in Smart Factories

/*! elementor – v3.21.0 – 20-05-2024 */ .elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px} How PLC Programming Drives Efficiency in Smart Factories 09 April 2024 1.6K views Introduction (Smart Factories and Industry 4.0) A profound change is occurring in the global manufacturing scene and we don’t want you to be left behind as those who […]

How Robotic Integration Boosts Efficiency and Precision in Manufacturing Industry

How Robotic Integration Boosts Efficiency and Precision in Manufacturing 09 April 2024 1.6K views Did you know that the U.S. Robotics Integration for the Manufacturing Market is projected to reach a value of $7.48 billion by 2029 from $4.3 billion in 2024? This insane transformation will take place at 11.60% CAGR. Robotic automation in the […]