https://www.brabantcultureel.nl/wp/wp-content/themes/brabantcultureel/js/script.js

1( function( $ ) {
2 
3    /// Toggle menu #navigation-overlay ----------------------------------------------------------------------------
4    
5      $(".toggle-menu").click(function () {
6          $("#page-overlay").fadeToggle(300);
7          $("body").toggleClass('noscroll');
8          $(".toggle-menu.menu").toggleClass('active');
9      });
10
11      $(".toggle-menu.close, #page-overlay a").click(function () {
12          $("#page-overlay").fadeOut(300);
13          $("body").removeClass('noscroll');
14          $(".toggle-menu.menu").removeClass('active');
15      });
16    
17    
18    
19    /// Fade in page ----------------------------------------------------------------------------
20    
21    $(document).ready(function(){
22        $('.js #site-overlay').fadeOut(700); // fadein time in ms /*.delay(200)*/
23    }); 
24    
25    
26    
27    /// Footer stay down ----------------------------------------------------------------------------
28        
29    function footerAlign() {
30        $('footer').css('display', 'block');
31        $('footer').css('height', 'auto');
32        var footerHeight = $('footer').outerHeight();
33        
34        $('#content').css('padding-bottom', footerHeight);
35        $('footer').css('height', footerHeight);
36    }
37
38	$(document).ready(function(){
39        footerAlign();
40	});
41
42	$(window).resize(function() {
43        footerAlign();
44	});
45    
46    
47    
48    /*
49    /// Smooth scroll to anchor link ONEPAGER ---------------------------------------------------------------------------- 
50    
51	$('a[href*=\\#]').on('click', function(event){     
52        //if($('body').hasClass('page-template-page_onepager')){
53            event.preventDefault();
54            $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500); /// afwijken voor header (.top + -60)
55        //}
56        //else {
57            ///
58        //}
59	});
60    
61    */ 
62       
63    
64    
65	/// Scroll to top button  ----------------------------------------------------------------------------
66	
67	$(window).scroll(function() { 
68        var scroll = $(window).scrollTop();
69        if (scroll >= 500) {
70            $("#scroll-to-top").fadeIn("slow");
71        }
72        if (scroll <= 499) {
73            $("#scroll-to-top").fadeOut("slow");
74        }
75	});
76    
77    /// Specific smooth scroll for scroll to top
78    
79    $('#scroll-to-top a[href*=\\#]').on('click', function(event){     
80            event.preventDefault();
81            $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500); /// afwijken voor header (.top + -60)
82	});
83    
84    
85    
86    /// Header Scrolled mobile class  ----------------------------------------------------------------------------
87	
88	$(window).scroll(function() { 
89        var scroll = $(window).scrollTop();
90        if (scroll >= 100) {
91            $("#masthead").addClass("scrolled");
92            $("#page-overlay").addClass("scrolled");
93            $("body").addClass("scrolled");
94        }
95        if (scroll <= 99) {
96            $("#masthead").removeClass("scrolled");
97            $("#page-overlay").removeClass("scrolled");
98            $("body").removeClass("scrolled");
99        }
100	});
101    
102    
103    
104    /*
105    /// Metaslider to post thumbnail  ----------------------------------------------------------------------------
106    
107    /// Fullheight background page
108    
109    if ($(".full .entry-content").find(".metaslider").length > 0){ 
110        $(".full .entry-content").find(".metaslider").prependTo("article.full").wrap( "<figure class='post-thumbnail'><div class='slider-container'></div></figure>" );
111        $(".full .metaslider").parents("article").find("picture.post-thumbnail").remove();
112
113	}
114        else{
115            ///
116		}
117    */
118    
119    /*
120    /// iframe container ----------------------------------------------------------------------------
121    
122    $("iframe").wrap("<div class='iframe-container'/>");
123    
124    */
125    
126    
127    
128    /// AANGEPAST Smooth scroll to anchor link ONEPAGER ----------------------------------------------------------------------------
129    
130    $('a[href*=\\#]').on('click', function(event){     
131        if($('body').hasClass('page-template-page_onepager')){
132            event.preventDefault();
133            $('html,body').animate({scrollTop:$(this.hash).offset().top + -50}, 500); /// afwijken voor header (.top + -60)
134        }
135        else {
136             ///
137        }
138	});
139    
140 
141    

142    /// Entry-header breedte aanpassen aan eerste kolom
143    
144    if ($('.entry-content .wp-block-columns:first-child').hasClass('alignwide')){
145        $('.entry-header').addClass('alignwide');
146    }
147    
148    if ($('.entry-content .wp-block-columns:first-child').hasClass('alignfull')){
149        $('.entry-header').addClass('alignfull');
150    }
151    
152    else{
153        ///
154    }
155    
156    /* COOKIE NOTICE
157    
158    $(document).ready(function(){
159        
160        
161        if(Cookies.get('cookieNotice') == 'no'){
162            //
163        }
164        
165        else{
166            
167            var heightCookieNotice = parseInt($('#cookie-notice').innerHeight(), 10);
168            
169            //$("#cookie-notice").slideDown(300);
170            $("#cookie-notice").fadeIn(400);
171            $('#page').animate({paddingTop: heightCookieNotice}, 400);
172            $('#masthead').css('top' , heightCookieNotice);
173            $('body').addClass('cookienotice');
174            
175            $('#cookie-notice .close, #cookie-notice').click(function () {
176                $('#cookie-notice').animate({marginTop: '-' + heightCookieNotice }, 300);
177                //$("#cookie-notice").fadeOut(500);
178                $('#page').animate({paddingTop: '0px'}, 400);
179                $('#masthead').css('top' , '0px');
180                $('body').removeClass('cookienotice');
181                Cookies.set('cookieNotice', 'no', { expires: 7 });
182            });
183        }
184        
185    });
186    */
187    
188    /* BC - - - - - - - - - - - - - - - - - - */
189    
190    $(function() {
191      $('#cat-container .next-cat').click(function(event) {
192        event.preventDefault();
193          //alert('ja');
194        $(this).closest('#cat-container').find('ul.wp-block-categories').animate({
195          scrollLeft: "+=400px"
196        }, 500, 'swing');
197          
198      });
199     
200    });
201    
202    
203} )( jQuery );