在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ nuxt.js中使用fullPage.js, 頁(yè)面刷新后無(wú)效

nuxt.js中使用fullPage.js, 頁(yè)面刷新后無(wú)效

nuxt.js項(xiàng)目中, mounted里初始化fullPage, 路由跳到這個(gè)頁(yè)面全屏滾動(dòng)沒(méi)有問(wèn)題, 在這個(gè)頁(yè)面點(diǎn)瀏覽器的刷新按鈕之后, 就只顯示第一屏, 不能滾動(dòng)了, 求大佬解答
jq和jquery.fullpage.min.css都引入了

if (process.browser) {
    require('fullpage.js/dist/jquery.fullpage.min.js')
    $('#fullpage').fullpage({
        recordHistory: false,
        navigation: true,
        navigationPosition: 'right',
        paddingTop: 40,
        onLeave (index, nextIndex, direction) {
            that.nextIndex = nextIndex
        }
    });
}
回答
編輯回答
胭脂淚

我也遇到了同樣的問(wèn)題！

2017年4月14日 02:00
編輯回答
伴謊
mounted() {
    if ($('html').hasClass('fp-enabled')) {
      $.fn.fullpage.destroy('all');
    }
    $(function () {
      $("#ido").fullpage({
        //綁定菜單
        anchors: ['page1', 'page2', 'page3', 'page4'],
        menu: '#menu',
        css3: true
      });
    });
  },
  beforeDestroy() {
    // 頁(yè)面離開(kāi)的時(shí)候 一定要銷(xiāo)毀fullpage實(shí)例  不然頁(yè)面無(wú)法滑動(dòng)
    if ($('html').hasClass('fp-enabled')) {
      $.fn.fullpage.destroy('all');
      $('#menu').remove();
    }
  }
2017年7月5日 20:10