https://eitorf-erleben.de/wp-content/themes/eitorf-erleben/js/index.js

1
2
3$(document).ready(function(){
4	
5	$(".menu").parent().prepend("<label for='drop' class='toggle'><span>&#9776;</span></label><input type='checkbox' id='drop' />");
6	
7	var elements = $(".menu .menu-item:has(> .sub-menu)");
8	
9	//$("<input type='checkbox' id='drop-"+i+"'/>").insertAfter($(".menu .menu-item:has(> .sub-menu) a"));
10	
11	$.each(elements, function(i, item){
12		var text = $(item).find("a")[0].text;
13		//$(item).find("a")[0].text = "";
14		//$(item).prepend("<label for='drop-"+i+"' class='toggle'>"+text+" <span class='pull-right'>▾</span></label>");
15		//$(item).find("a").first().after("<input type='checkbox' id='drop-"+i+"'/>");
16	});
17	
18	
19
20});
21
22$(window).scroll(function(e) {
23    // Get the position of the location where the scroller starts.
24    var scrollHeight = $(this).scrollTop();
25    
26    // Check if the user has scrolled and the current position is after the scroller start location and if its not already fixed at the top 
27    if (scrollHeight >= 80) 
28    {    // Change the CSS of the scroller to hilight it and fix it at the top of the screen.
29        $('.navbar-home').css({
30            'position': 'fixed',
31            'height': 'auto'
32            //'margin-top': '-180px',
33        });
34		
35        $('.navbar').css({
36			'background-color': 'rgba(255, 255, 255, 1)'
37            //'margin-top': '-180px',
38        });
39		
40		$('.logo').css({
41            'display': 'block',
42            'float': 'left',
43            'height': '70px',
44            'width': '70px',
45            'background-color': 'transparent',
46			'border': 'none',
47        });
48    } 
49    else if (scrollHeight <= 80) 
50    {    
51		$('.navbar-home').css({
52            'position': 'absolute'
53            //'height': '300px',
54            //'margin-top': '0px',
55        });
56		
57        $('.navbar').css({
58			'background-color': 'rgba(255, 255, 255, 0.75)'
59            //'margin-top': '-180px',
60        });
61		
62		$('.logo').css({
63            'display': 'block',
64            'float': 'left',
65            'height': '150px',
66            'width': '200px',
67            'background-color': '#FFF',
68			'border': '10px solid #FFF',
69        });
70    }
71});
72
73
74