Foundation 6 sticky funktioniert nicht bei Verwendung von Jquery auf Bildlauf

Question

Ich habe Foundation 6 auf meiner WordPress-Website laufen, ich habe eine sticky Header, der gut funktioniert. Aber der Header funktioniert nicht mehr, wenn ich meine eigene Jquery-Funktion hinzufüge, die eine Onscroll-Funktion verwendet. Wer weiß warum?

JS: **

jQuery(window).on('scroll', function(){ 
 
\t var scrollTop = jQuery(window).scrollTop(); 
 
\t if(scrollTop > 265) 
 
\t { 
 
    \t jQuery('.panel-grid-cell').addClass('hidden')(); 
 
\t } 
 
});

** HTML:

<div id="top" class="show-for-<?php echo $breakpoint ?>" data-sticky-container> 
    <div class="sticky" data-sticky data-top-anchor="pgc-226-pgstart-0:top" data-btm-anchor="content:bottom" data-options="marginTop: 0" data-sticky-on="<?php echo $breakpoint ?>" style="width:100%;z-index:99;" id="menucontainer"> 
     <div class="top-bar row" id="top-bar-menu" style="z-index:99;"> 
      <div class="top-bar-left"> 
      <?php if(get_field('website_logo', 'option')): ?> 
       <a href="<?php echo get_site_url(); ?>"><img class="site-logo" src="<?php the_field('website_logo', 'option'); ?>" height="<?php the_field('logo_height', 'option'); ?>" alt="site-logo"></a> 
       <a href="<?php echo get_site_url(); ?>"><img class="site-logo-small site-logo-scroll" src="<?php the_field('website_logo_small', 'option'); ?>" height="<?php the_field('logo_height', 'option'); ?>" alt="site-logo"></a> 
      <?php endif; ?> 
      </div> 
      <div class="top-bar-right"> 
       <?php joints_top_nav(); ?> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

ich die Antwort gefunden; Ich habe einen Tippfehler in meinem Javascript-Code:

jQuery('.panel-grid-cell').addClass('hidden')(); 

sein soll:

jQuery('.panel-grid-cell').addClass('hidden');