[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / pageHeader.tpl

<header id="pageHeader" class="pageHeader">
	<div>
		<div class="layoutBoundary">
			{include file='pageHeaderLogo'}
			
			{include file='pageHeaderSearch'}
			
			{include file='pageHeaderMenu'}
			
			{include file='pageHeaderUser'}
		</div>
	</div>
	
	<script data-relocate="true">
		var header = elById('pageHeader');
		header.style.setProperty('min-height', header.clientHeight + 'px');
		
		function stickyHeader() {
			header.classList[(document.body.scrollTop > 50) ? 'add' : 'remove']('sticky');
		}
		
		stickyHeader();
		window.addEventListener('scroll', stickyHeader);
	</script>
</header>
Commit	Line	Data
1223c43c	1	<header id="pageHeader" class="pageHeader">
b8eab696	2	<div>
f6e330bf	3	<div class="layoutBoundary">
1223c43c	4	{include file='pageHeaderLogo'}
b8eab696	5
1223c43c	6	{include file='pageHeaderSearch'}
b8eab696	7
1223c43c	8	{include file='pageHeaderMenu'}
b8eab696	9
1223c43c	10	{include file='pageHeaderUser'}
b8eab696 AE	11	</div>
b8eab696 AE	12	</div>
1223c43c	13
b8eab696 AE	14	<script data-relocate="true">
	15	var header = elById('pageHeader');
	16	header.style.setProperty('min-height', header.clientHeight + 'px');
	17
	18	function stickyHeader() {
	19	header.classList[(document.body.scrollTop > 50) ? 'add' : 'remove']('sticky');
	20	}
	21
	22	stickyHeader();
	23	window.addEventListener('scroll', stickyHeader);
	24	</script>
	25	</header>