暂停或停止全页而不破坏

我有一个正常滚动的页面。 页面上有一个锚点，弹出一个模态，我正在初始化fullpage.js。 到目前为止，此工作正常，但是当用户单击关闭图标时，我希望关闭模式窗口并使fullpage.js暂停或停止，以便除非用户再次单击锚点，否则将禁用整页滚动效果。 我已经尝试使用destroy方法来执行此操作，但是fullpage说它只能初始化一次，所以当用户第二次点击锚时，fullpage不会重新初始化并抛出此错误：fullPage：Fullpage.js只能初始化一次，你做了多次！

$('.js-show-modal').on('click', function() { var modal = $(this).attr('data-modal'); $('.modal[data-modal="' + modal + '"]').show(); $('#fullpage').fullpage({ fixedElements: '.site-header', css3: true, navigation: true, navigationPosition: 'right' }); }); $('.js-close-modal').on('click', function(e) { e.preventDefault(); $.fn.fullpage.destroy(); $(this).closest('.modal').hide(); }); 

Answer 1

你尝试过使用$.fn.fullpage.destroy('all'); ？ 这就是你需要使用以完全销毁fullPage.js。 否则，只有fullPage.js创建的事件才会被销毁。

有关文档的信息：

 //destroying all Javascript events created by fullPage.js (scrolls, hashchange in the URL...) $.fn.fullpage.destroy(); //destroying all Javascript events and any modification done by fullPage.js over your original HTML markup. $.fn.fullpage.destroy('all');