Fullpage.js and no-scroll in conflict

Design help Custom code
#1

Hi,

I have implemented fullpage.js on this project, but also Finsweet’s no-scroll class adder. The two seems two conflict, since scrollbar: true (fullpage) is somehow overriding the no-scroll (finsweet) on the body class. Is there some way I can keep both? Link below…



<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.js" integrity="sha512-gSf3NCgs6wWEdztl1e6vUqtRP884ONnCNzCpomdoQ0xXsk06lrxJsR7jX5yM/qAGkPGsps+4bLV5IEjhOZX+gg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<script>
	//fullpage.js initialization
  new fullpage('#fullpage', {   
   //get it from https://alvarotrigo.com/fullPage/pricing/
    licenseKey: 'xxxx', 
    
    scrollingSpeed: 800,
    verticalCentered: false,
    scrollBar: true,

  });
  
  
</script>

<script>

document.addEventListener('DOMContentLoaded', () => {
 document.querySelectorAll('.overlay-trigger').forEach(trigger => {
  trigger.addEventListener('click', function(){ 
    this.x = ((this.x || 0) + 1)%2; 
    if(this.x){ 
      document.querySelectorAll('.body').forEach(target => target.classList.add('no-scroll'));
      }
      else{ 
      document.querySelectorAll('.body').forEach(target => target.classList.remove('no-scroll'));
      } 
    });
 });
});

</script>

@Alvaro_Trigo, any chance you can help me out?
Thanks a lot!

Here is my site Read-Only: Webflow - Fullpage test

#2

and here the published site: Design Responsive Websites - Webflow

@Finsweet, any experience with this override?