https://trendprivemedia.com/wp-content/plugins/sticky-header-effec…/assets/js/she-header.js?ver=1.5.5

1var $j = jQuery.noConflict();
2
3$j( document ).ready( function() {
4	"use strict";
5	// She header
6	sheHeader();
7} );
8	
9
10/* ==============================================
11HEADER EFFECTS
12============================================== */
13
14
15function sheHeader() {
16		
17	var header = $j('.she-header-yes'),
18		container = $j('.she-header-yes .elementor-container, .she-header-yes.e-container'),
19		header_elementor = $j('.elementor-edit-mode .she-header-yes'),
20		header_logo = $j('.she-header-yes .elementor-widget-theme-site-logo .elementor-image, .she-header-yes .elementor-widget-image .elementor-image'),
21		data_settings = header.data('settings');
22						
23	if ( typeof data_settings != 'undefined' ) {
24		var responsive_settings = data_settings["transparent_on"];
25		var width = $j(window).width(),
26		    header_height= header.height(),
27			logo_width = header_logo.width(),
28			logo_height = header_logo.height() ;
29		}
30							
31	// Check responsive is enabled
32	if( typeof width != 'undefined' && width) {
33	if( width >= 1025 ) {
34	var enabled = "desktop";
35	}else if (width  > 767 && width < 1025  ) {
36	var enabled = "tablet";
37	}else if (width <= 767 ) {
38	var enabled = "mobile";
39	}
40	}
41	
42	console.log($j.inArray(enabled, responsive_settings));
43	
44	if ($j.inArray(enabled, responsive_settings)!='-1') {
45								
46	var scroll_distance = data_settings["scroll_distance"];
47	var transparent_header = data_settings["transparent_header_show"];
48	var	background = data_settings["background"];
49	var bottom_border_color = data_settings["custom_bottom_border_color"],
50		bottom_border_view = data_settings["bottom_border"],
51		bottom_border_width = data_settings["custom_bottom_border_width"];
52								
53	var shrink_header = data_settings["shrink_header"],
54		data_height = data_settings["custom_height_header"],
55		data_height_tablet = data_settings["custom_height_header_tablet"],
56		data_height_mobile = data_settings["custom_height_header_mobile"];
57
58	var shrink_logo = data_settings["shrink_header_logo"],
59		data_logo_height = data_settings["custom_height_header_logo"],
60		data_logo_height_tablet = data_settings["custom_height_header_logo_tablet"],
61		data_logo_height_mobile = data_settings["custom_height_header_logo_mobile"];
62	
63	var change_logo_color = data_settings["change_logo_color"];
64		
65	var blur_bg  = data_settings["blur_bg"];
66	
67	var scroll_distance_hide_header = data_settings["scroll_distance_hide_header"];
68	
69	// add transparent class
70	if(transparent_header == "yes" ){
71		header.addClass('she-header-transparent-yes');
72	}
73																
74	// header height shrink
75	if( typeof data_height != 'undefined' && data_height) {
76	if( width >= 1025 ) {
77		var shrink_height = data_height["size"];
78	}else if (width  > 767 && width < 1025  ) {
79		var shrink_height = data_height_tablet["size"];
80		if(shrink_height == ''){
81		   shrink_height = data_height["size"];
82		}
83	}else if (width <= 767 ) {
84		var shrink_height = data_height_mobile["size"];
85		if(shrink_height == ''){
86		   shrink_height = data_height["size"];
87		}
88	}
89	}
90							
91		// border bottom
92		if( typeof bottom_border_width != 'undefined' && bottom_border_width) {
93		var bottom_border = bottom_border_width["size"] + "px solid " + bottom_border_color;
94		}
95		
96						
97		// hide header on scroll
98		if( typeof scroll_distance_hide_header != 'undefined' && scroll_distance_hide_header) {
99		
100			var mywindow = $j(window);
101			var mypos = mywindow.scrollTop();
102			
103				mywindow.scroll(function() {
104					if (mypos > scroll_distance_hide_header["size"]) {
105						if(mywindow.scrollTop() > mypos)
106						{
107							header.addClass('headerup');
108						}else{
109							header.removeClass('headerup');
110						}
111					}
112					mypos = mywindow.scrollTop();
113				});
114		}
115					
116		// scroll function
117		$j(window).on("load scroll",function(e){
118			var scroll = $j(window).scrollTop();
119									
120			if (header_elementor) {
121				header_elementor.css("position", "relative");
122			}
123								
124			if (scroll >= scroll_distance["size"]) {
125				header.removeClass('header').addClass("she-header");
126				header.css("background-color", background);
127				header.css("border-bottom", bottom_border);
128				header.removeClass('she-header-transparent-yes');
129				
130				if( shrink_header == "yes" ) {
131					header.css({"padding-top":"0", "padding-bottom":"0", "margin-top":"0", "margin-bottom":"0"});
132					container.css({"min-height": shrink_height, "transition": "all 0.4s ease-in-out", "

132-webkit-transition": "all 0.4s ease-in-out", "-moz-transition": "all 0.4s ease-in-out"});
133										
134				}
135				
136				if( change_logo_color == "yes" ) {
137					header_logo.addClass("change-logo-color");
138										
139				}
140								
141				if( blur_bg == "yes" ) {
142					header.css({"backdrop-filter": "saturate(180%) blur(20px)", "-webkit-backdrop-filter": "saturate(180%) blur(20px)"});
143										
144				}
145										
146				} else {
147					header.removeClass("she-header").addClass('header');
148					header.css("background-color", "");
149					header.css("border-bottom", "");
150				
151					if(transparent_header == "yes" ){
152						header.addClass('she-header-transparent-yes');
153					}
154					if( shrink_header == "yes" ) {
155						header.css({"padding-top":"", "padding-bottom":"", "margin-top":"", "margin-bottom":""});
156						container.css("min-height", "");
157					}
158					if( change_logo_color == "yes" ) {
159					header_logo.removeClass("change-logo-color");
160										
161				}
162					if( blur_bg == "yes" ) {
163						header.css({"backdrop-filter": "", "-webkit-backdrop-filter": ""});
164					}
165				}
166
167				
168		});
169	}
170	
171};