How Can I Fully Disable FullPage.js Under Certain Conditions?

I'm currently using fullPage.js for an information panel. When the user clicks the info button, a fullPage.js overlay appears on top of the rest of the page. The issue I'm having n

Solution 1:

You can destroy it completely by using the destroy function:

//destroy any plugin event (scrolls, hashchange in the URL...)
$.fn.fullpage.destroy();

//destroy any plugin event and any plugin modification done over your original HTML markup.
$.fn.fullpage.destroy('all');

Just add that function inside your click event for that button, for example.